チュートリアル: コンテンツカードを使って受信トレイを作成する
このチュートリアルのコード例に従い、Brazeコンテンツカードを使用して受信トレイを構築します。
前提条件
この機能を使用する前に、Android Braze SDKを統合する必要がある。
Android用のコンテンツカードを使用した受信トレイの作成
この新しいチュートリアル形式を試しています。あなたの考えを教えてください - あなたのフィードバックは、今後のガイドを改善するのに役立ちます。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.UI ビューの構築
このチュートリアルでは、Android のRecyclerView を使用してコンテンツカードを表示していますが、ユースケースに合ったクラスとコンポーネントを含むUI を構築することをお勧めします。Braze ではデフォルトでUI が提供されていますが、ここでは、アプリの耳と行動を完全にコントロールするカスタムビューを作成します。
3.コンテンツカード更新を購読する
subscribeToContentCardsUpdates を使用して、新しいコンテンツカードが利用可能になったときにUI が応答できるようにします。ここでは、アクティビティライフサイクルフック内でサブスクライバーs が登録され、削除されます。
4. カスタム受信トレイユーザーインターフェイスを構築する
title、description、およびurl などのコンテンツカード 属性 s を使用すると、ユーザー固有のUI 要件に合わせてコンテンツカードs を構築できます。このケースでは、Android のネイティブRecyclerView で受信トレイを構築しています。
5. トラックインプレッションs とクリック
コンテンツカードで使用可能なlogImpressions およびlogClick メソッドを使用して、インプレッションs とクリックを記録できます。
インプレッションは、カードがユーザーによって表示されている場合にのみ、1 回のみ記録する必要があります。ここでは、単純なメカニズムを使用して、カードごとのフラグを持つ重複ログから保護します。アプリのビューライフサイクルとユースケースを考慮する必要がある場合があるため、インプレッションが正しく記録されていることを確認してください。
前提条件
この機能を使う前に、Swift Braze SDKを統合する必要がある。 また、Swiftのアプリ内メッセージsを有効にする必要があります。
Swift用コンテンツカードを使った受信トレイの作成
この新しいチュートリアル形式を試しています。あなたの考えを教えてください - あなたのフィードバックは、今後のガイドを改善するのに役立ちます。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.UI ビューの構築
このチュートリアルではSwift のUITableViewController を使用していますが、ユースケースに合ったクラスとコンポーネントを含むUI を構築することをお勧めします。
3.コンテンツカード更新を購読する
コンテンツカードリスナーにサブスクライブして最新の更新s を受信し、requestRefresh() を呼び出して、そのユーザーの最新のコンテンツカードをリクエストします。
4. カスタム受信トレイユーザーインターフェイスを構築する
title、description、description、imageUrl などのコンテンツカード{<span=>attributes«span=} を使用すると、ユーザー固有のUI 要件に合わせてコンテンツカードs を構築できます。このケースでは、スウィフトのネイティブテーブルAPI を使用して受信トレイを構築しています。
5. トラックインプレッションs とクリック
コンテンツカードで使用可能な logClick(using:) および logImpression(using:) メソッドを使用して、インプレッションs とクリックを記録できます。
また、logDismissed(using:)を使用して解雇することもできます。
印象は、ユーザーで表示されたときに一度だけ記録する必要があります。ここでは、Set とwillDisplay を使用する単純なメカニズムがこれを達成するために使用されます。インプレッションが正しくログに記録されるようにするには、ユースケースだけでなく、アプリのUI ライフサイクルについても考慮する必要がある場合があることに注意してください。
前提条件
この機能を使用する前に、Web Braze SDKを統合する必要がある。 ただし、追加のセットアップは必要ありません。
Web用のコンテンツカードを使用した受信トレイの作成
この新しいチュートリアル形式を試しています。あなたの考えを教えてください - あなたのフィードバックは、今後のガイドを改善するのに役立ちます。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。また、必要に応じて、本体でろう付けSDK方法を実行することもできます。
2.UI の構築
受信トレイのユーザーインターフェイスを作成します。ここでは、id cards-list を持つdiv を含む基本的なHTML ページを構築しています。これは、コンテンツカードをレンダリングするターゲットコンテナとして使用されます。
3.コンテンツカード更新を購読する
コンテンツカードリスナーにサブスクライブして最新の更新s を受信し、requestContentCardsRefresh() を呼び出して、そのユーザーの最新のコンテンツカードをリクエストします。
4. 受信トレイ要素を作成する
title、description、url などのコンテンツカード 属性 s を使用すると、ユーザー固有のUI 要件に合わせてコンテンツカードs を表示できます。
5. トラックインプレッションs とクリック
コンテンツカードで使用可能なlogContentCardImpressions およびlogContentCardClick メソッドを使用して、インプレッションs とクリックを記録できます。
また、logCardDismissalを使用して解雇することもできます。
印象は、ユーザーで表示されたときに一度だけ記録する必要があります。ここでは、IntersectionObserver とSet がキーイングされているcard.id は、重複ログを防ぎます。インプレッションが正しくログに記録されるようにするには、ユースケースだけでなく、アプリのUI ライフサイクルについても考慮する必要がある場合があることに注意してください。
GitHub でこのページを編集