コンテンツカードの動作のカスタマイズ

この実装ガイドでは、コンテンツカードの動作の変更、ペイロードへのキーと値のペアなどの追加、一般的なカスタマイズのレシピについて説明します。コンテンツカードのカスタマイズオプションのタイプの基本的な概要についてはカスタマイズの概要を参照してください。

キーと値のペア

Braze では、キーと値のペアを使用して、コンテンツカードを介して追加のデータペイロードをユーザーデバイスに送信することができます。これらは、内部指標の追跡、アプリコンテンツの更新、プロパティのカスタマイズに役立ちます。ダッシュボードを使用してキーと値のペアを追加します。

• android
• ios
• web

補足コンテンツとしてのコンテンツカード

コンテンツカードを既存のフィードにシームレスにブレンドし、複数のフィードからのデータを同時に読み込むことができます。これにより、Braze コンテンツカードと既存のフィードコンテンツとの一貫性のある、調和のとれたエクスペリエンスが生まれます。

右の例は、ローカルデータと Braze コンテンツカードを使ったハイブリッドなアイテムリストを持つフィードを示しています。これによって、コンテンツカードは既存のコンテンツと区別がつかなくなります。

API トリガーのキーと値のペア

API トリガキャンペーン は、カードの値が外部要因に依存してユーザに表示するコンテンツを決定する場合に使用するのに適した戦略です。たとえば、補足的なコンテンツを表示するには、Liquid を使用してキーと値のペアを設定します。なお、class_typeはセットアップ時に知っておく必要があります。

を使用して設定されます。{: style=”max-width:60%;”}

インタラクティブコンテンツとしてのコンテンツカード

コンテンツカードを活用して、ユーザーのための動的でインタラクティブな体験を作成できます。右の例では、コンテンツカードのポップアップがチェックアウト時に表示され、ユーザーに最新のプロモーションを提供しています。このようなカードをうまく配置することで、ユーザーを特定のアクションに「後押し」することができます。

このユースケースのキーと値のペアには、希望する割引額として設定されたdiscount_percentageと、coupon_code として設定されたclass_typeが含まれます。これらのキーと値のペアによって、チェックアウト画面でタイプ別のコンテンツカードをフィルタリングして表示することができます。キーと値のペアを使用して複数のフィードを管理する方法の詳細については、デフォルトのコンテンツカードフィードのカスタマイズを参照してください。

コンテンツカードバッジ

を表示する赤いバッジを持つSwiftyという名前のBrazeサンプルアプリを示すiPhoneのホーム画面{: style=”max-width:35%;float:right;margin-left:15px;border:none;”}

バッジは小さなアイコンで、ユーザーの注意を引くのに最適です。バッジを使って新しいコンテンツカードの内容をユーザーに知らせることで、ユーザーをアプリに呼び戻し、セッションを増やすことができます。

コンテンツカードの未読数をバッジで表示する

コンテンツカードの未読数をバッジとしてアプリのアイコンに表示できます。

• android
• ios
• web

1
Braze.getInstance(context).getContentCardUnviewedCount();

1
Braze.getInstance(context).contentCardUnviewedCount

1
func applicationDidEnterBackground(_ application: UIApplication)

1
2
let unreadCards = AppDelegate.braze?.contentCards.cards.filter { $0.viewed == false }
UIApplication.shared.applicationIconBadgeNumber = unreadCards?.count ?? 0

1
(void)applicationDidEnterBackground:(UIApplication *)application

1
2
3
4
5
6
7
NSInteger unreadCardCount = 0;
for (BRZContentCardRaw *card in AppDelegate.braze.contentCards.cards) {
  if (card.viewed == NO) {
    unreadCardCount += 1;
  }
}
[UIApplication sharedApplication].applicationIconBadgeNumber = unreadCardCount;

1
braze.getCachedContentCards().getUnviewedCardCount();