チュートリアル: コンテンツカードを使った受信トレイの作成
このチュートリアルのサンプルコードに従って、Brazeのコンテンツカードで受信トレイを構築する。
前提条件
この機能を使用する前に、Android Braze SDKを統合する必要がある。
Android（Compose）向けコンテンツカードを使った受信トレイの作成
この新しいチュートリアル形式を試験運用中だ。感想を聞かせてくれ — 君のフィードバックが今後のガイド改善に役立つ。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.UIビューを構築する
Jetpack Composeでは、スクロール可能なリストにコンテンツカードを表示するためにLazyColumn、使用せよ。
3.コンテンツカードの更新を購読する
コンポーザブルがコンポジションから離脱する際に適切なクリーンアップを保証するため、サブスクリプションのライフサイクルを管理するためにDisposableEffect使用せよ。
4. カスタム受信トレイのUIを構築する
コンテンツカードの属性（例title：,description , ）を使用することで、特定のUI要件に合ったコンテンツカードurlを作成できる。この場合、Jetpack Composeの`CardComposableとColumn\Composable`を使って受信トレイを構築している。
5. インプレッションとクリックのトラッキング
コンテンツカード向けに用意されている とlogClick logImpressionsメソッドを使って、インプレッションとクリックを記録できる。
インプレッションは、ユーザーがカードを表示した際に一度だけ記録されるべきだ。カードが表示されたときにインプレッションを記録するためにLaunchedEffect使用する。アプリのビューライフサイクルとユースケースを考慮する必要があることに注意せよ。これによりインプレッションが正しく記録されることを保証できる。
Android向けコンテンツカードを使った受信トレイの作成（RecyclerView）
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.UIビューを構築する
このチュートリアルでは、AndroidのRecyclerViewコンテンツカードを表示するために使用するが、実際のユースケースに合ったクラスやコンポーネントでUIを構築することを推奨する。BrazeはデフォルトでUIを提供する。しかしこのチュートリアルでは、外観と動作をカスタマイズするためのカスタムビューの作成方法を説明する。
3.コンテンツカードの更新を購読する
新しいコンテンツカードが利用可能になった際に、UIが応答できるようにsubscribeToContentCardsUpdatesする。ここでは、サブスクライバーはアクティビティのライフサイクルフック内で登録および削除される。
4. カスタム受信トレイのUIを構築する
コンテンツカードの属性であるtitle、description、およびを使用することで、特定のUI要件urlに合うコンテンツカードを作成できる。この場合、Androidのネイティブ機能を使って受信トレイRecyclerViewを構築している。
5. インプレッションとクリックのトラッキング
コンテンツカード向けに用意されている とlogClick logImpressionsメソッドを使って、インプレッションとクリックを記録できる。
インプレッションは、ユーザーがカードを表示した際に一度だけ記録されるべきだ。ここでは、カードごとのフラグを用いて重複ログを防ぐ単純な仕組みを採用している。アプリのビューライフサイクルとユースケースを考慮する必要があることに注意せよ。これによりインプレッションが正しく記録されることを保証できる。
前提条件
この機能を使う前に、Swift Braze SDKを統合する必要がある。 SWIFTのアプリ内メッセージ機能もイネーブルメントする必要がある。
SWIFT用のコンテンツカードで受信トレイを作る
この新しいチュートリアル形式を試験運用中だ。感想を聞かせてくれ — 君のフィードバックが今後のガイド改善に役立つ。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.UIビューを構築する
このチュートリアルではSWIFTの`UIView`を使用するが、ユースケースに合ったクラスUITableViewControllerやコンポーネントでUIを構築することを推奨する。
3.コンテンツカードの更新を購読する
コンテンツカードリスナーを購読して最新更新情報を受け取り、その後、そのユーザー向けの最新のコンテンツカードを要求requestRefresh()するために呼び出す。
4. カスタム受信トレイのUIを構築する
コンテンツカードを使用attributesすることでtitle、description特定のUI要件に合ったコンテンツカードを作成できるimageUrl。この場合、SWIFTのネイティブテーブルAPIを使って受信トレイを構築している。
5. インプレッションとクリックのトラッキング
コンテンツカードで利用可能な とlogImpression(using:) logClick(using:)メソッドを使って、インプレッションとクリックを記録できる。
さらに、解雇にもlogDismissed(using:)使用できる。
インプレッションは、ユーザーが閲覧した際に一度だけ記録されるべきだ。ここでは、単純な機構を用いてSetこれを実現willDisplayする。アプリのUIライフサイクルとユースケースを考慮する必要があることに注意せよ。これにより、インプレッションが正しく記録されることを保証できる。
前提条件
この機能を使用する前に、Web Braze SDKを統合する必要がある。 ただし、追加の設定は不要だ。
Web用のコンテンツカードで受信トレイを作る
この新しいチュートリアル形式を試験運用中だ。感想を聞かせてくれ — 君のフィードバックが今後のガイド改善に役立つ。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。必要に応じて、コンソールでBraze Web SDKのメソッドを実行することもできる。
2.UIを構築する
受信トレイページのUIを作成する。ここでは、基本的なHTMLページを作成している。これには、idが指定divされた要素cards-listが含まれている。これはコンテンツカードのレンダリング対象コンテナとして使用される。
3.コンテンツカードの更新を購読する
コンテンツカードリスナーを購読して最新更新情報を受け取り、その後、そのユーザー向けの最新のコンテンツカードを要求requestContentCardsRefresh()するために呼び出す。代わりに、セッション開始時に自動更新を行うためopenSession()、事前にサブスクライバーに電話をかける。
4. 受信トレイの要素を作成する
コンテンツカードの属性（例title：、description 、 ）を使用することで、特定のUI要件に合わせてコンテンツカードurlを表示できる。
5. インプレッションとクリックのトラッキング
コンテンツカード向けに用意されている とlogContentCardClick logContentCardImpressionsメソッドを使って、インプレッションとクリックを記録できる。
さらに、解雇にもlogCardDismissal使用できる。
インプレッションは、ユーザーが閲覧した際に一度だけ記録されるべきだ。ここで、 とIntersectionObserver を でキー付けSetすると、重複したcard.idログが防止される。アプリのUIライフサイクルとユースケースを考慮する必要があることに注意せよ。これにより、インプレッションが正しく記録されることを保証できる。
GitHub でこのページを編集