Skip to content

コンテンツカードの統合

この記事では、Flutter アプリ用のコンテンツカードを設定する方法について説明します。

Braze SDK には、コンテンツカードを使い始めるためのデフォルトのカードフィードが含まれています。カードフィードを表示するには、braze.launchContentCards() メソッドを使用できます。Braze SDK に含まれるデフォルトのカードフィードは、ユーザーのコンテンツカードの分析トラッキング、却下、レンダリングをすべて処理します。

カスタマイズ

これらの追加メソッドを使用して、プラグインパブリックインターフェイス で使用可能な以下のメソッドを使用して、アプリ内でカスタムコンテンツカードフィードを構築できます。

コンテンツカードデータの受信

Flutter アプリでコンテンツカードデータを受信するために、BrazePlugin は Dart ストリームを使用したコンテンツカードデータの送信をサポートしています。

BrazeContentCard オブジェクトは、description、title、image、url、extras などを含む、ネイティブモデルオブジェクトで使用可能なフィールドのサブセットをサポートします。

ステップ 1:Dart レイヤーでコンテンツカードデータをリッスンする

Dart レイヤーでコンテンツカードデータを受信するには、以下のコードを使用して StreamSubscription を作成し、braze.subscribeToContentCards() を呼び出します。不要になったストリームサブスクリプションを忘れずに cancel() してください。

1
2
3
4
5
6
7
8
9

// Create stream subscription
StreamSubscription contentCardsStreamSubscription;

contentCardsStreamSubscription = braze.subscribeToContentCards((List<BrazeContentCard> contentCards) {
  // Handle Content Cards
}

// Cancel stream subscription
contentCardsStreamSubscription.cancel();

例としては main.dartを参照のこと。

ステップ2:ネイティブレイヤーからコンテンツカードデータを転送する

ステップ 1 の Dart レイヤーでデータを受信するには、次のコードを追加して、ネイティブレイヤーからコンテンツカードデータを転送します。

コンテンツカードデータは Android レイヤーから自動的に転送されます。

  1. subscribeToUpdates のドキュメントの説明に従って、コンテンツカードの最新情報を購読登録するように contentCards.subscribeToUpdates を実装します。

  2. contentCards.subscribeToUpdates コールバックの実装では BrazePlugin.processContentCards(contentCards) を呼び出す必要があります。

例としては AppDelegate.swiftを参照のこと。

コンテンツカードのコールバックを再生する

コールバックが利用可能になる前にトリガーされたコンテンツカードを保存し、設定後に再生するには、BrazePlugin の初期化時に次のエントリを customConfigs マップに追加します。

1

BrazePlugin braze = new BrazePlugin(customConfigs: {replayCallbacksConfigKey: true});

コンテンツカードのサンプル表示のテスト

コンテンツカードのサンプルをテストする手順は、次のとおりです。

  1. braze.changeUserId('your-user-id') メソッドを呼び出して、React アプリケーションにアクティブユーザーを設定します。
  2. [キャンペーン] に移動し、このガイドに従って新しいコンテンツカードキャンペーンを作成します。
  3. コンテンツカードのテストキャンペーンを作成し、[テスト] タブに移動します。テストユーザーと同じ user-id を追加し、[テストを送信] をクリックします。
  4. プッシュ通知をタップすると、デバイスでコンテンツカードが起動します。フィードを表示するには、フィードを更新する必要が生じる場合があります。

Braze Content Card キャンペーンでは、テスト受信者として独自のユーザーID を追加して、コンテンツカードをテストできます。

各プラットフォームの詳細については、Android統合またはiOS統合ガイドを参照してください。

GIFサポート

デフォルトでは、Braze Android SDKは、コンテンツカードのアニメーションGIFをサポートしていない。詳しくは、Androidコンテンツカードを参照のこと：GIF.

デフォルトでは、Braze Swift SDKは、コンテンツカードのためのアニメーションGIFサポートを提供しない。 GIFViewProvider.完全なチュートリアルについては、チュートリアルを参照のこと：SwiftコンテンツカードのGIFサポート.

Github   GitHub でこのページを編集
「このページはどの程度役に立ちましたか?」
New Stuff!