チュートリアル: キーと値のペアを使用したメッセージスタイルのカスタマイズ
このチュートリアルのサンプルコードに従って、Braze SDKのキーと値のペアを使用してアプリ内メッセージのスタイルをカスタマイズしましょう。
前提条件
この機能を使用する前に、Web Braze SDKを統合する必要がある。 ただし、追加の設定は不要です。
Webのキーと値のペアを使用したメッセージスタイルのカスタマイズ
1. automaticallyShowInAppMessages() の呼び出しを削除する {#1-remove-calls-to-automaticallyshowinappmessages}
後で実装するカスタムロジックがオーバーライドされるため、automaticallyShowInAppMessages() のすべての呼び出しを削除してください。
2. デバッグを有効にする（オプション） {#2-enable-debugging-optional}
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
3. アプリ内メッセージコールバックハンドラーにサブスクライブする {#3-subscribe-to-the-in-app-message-callback-handler}
subscribeToInAppMessage(callback) を使用してコールバックを登録し、アプリ内メッセージがトリガーされるたびにメッセージを受信できるようにします。
4. message.extras プロパティにアクセスする {#4-access-the-messageextras-property}
message.extras を使用して、カスタマイズタイプ、スタイル属性、またはダッシュボードで定義されたその他の値にアクセスします。すべての値は文字列として返されます。
5. 条件付きで showInAppMessage を呼び出す {#5-conditionally-call-showinappmessage}
メッセージを表示するには、showInAppMessage(message) を呼び出します。それ以外の場合は、必要に応じてカスタムプロパティを使用してください。
前提条件
この機能を使用する前に、Android Braze SDKを統合する必要がある。 また、Androidのアプリ内メッセージを有効にする必要もあります。
Androidのキーと値のペアを使用したメッセージスタイルのカスタマイズ
1. デバッグを有効にする（オプション） {#1-enable-debugging-optional}
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2. アクティビティライフサイクルコールバックを登録する {#2-register-activity-lifecycle-callbacks}
アプリ内メッセージのライフサイクルを処理するために、Brazeのデフォルトリスナーを登録します。
3. カスタムビューファクトリクラスを作成する {#3-create-your-custom-view-factory-class}
カスタムメッセージビューを構築して返せるように、クラスが IInAppMessageViewFactory に準拠していることを確認してください。
4. Brazeのデフォルトファクトリに委任する {#4-delegate-to-brazes-default-factory}
独自の条件付き変更を適用する前に、デフォルトのファクトリに委任してBrazeの組み込みスタイリングを保持します。
5. inAppMessage.extras からキーと値のペアにアクセスする {#5-access-key-value-pairs-from-inappmessageextras}
inAppMessage.extras を使用して、カスタマイズタイプ、スタイル属性、またはダッシュボードで定義されたその他の値にアクセスします。ビューを返す前にスタイルのオーバーライドを適用してください。
6. カスタム IInAppMessageViewFactory を実装する {#6-implement-a-custom-iinappmessageviewfactory}
カスタムクラスに IInAppMessageViewFactory を実装して、アプリ内メッセージビューを構築およびレンダリングします。
前提条件
この機能を使う前に、Swift Braze SDKを統合する必要がある。 また、Swiftのアプリ内メッセージを有効にする必要もあります。
Swiftのキーと値のペアを使用したメッセージスタイルのカスタマイズ
1. BrazeInAppMessageUIDelegate を実装する {#1-implement-brazeinappmessageuidelegate}
AppDelegate クラスで BrazeInAppMessageUIDelegate を実装し、後で inAppMessage メソッドをオーバーライドできるようにします。
2. デバッグを有効にする（オプション）
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
3. 表示前にメッセージを準備する {#3-prepare-messages-before-theyre-displayed}
メッセージの準備中に、Brazeは inAppMessage(_:prepareWith:) を呼び出します。これを使用してスタイルをカスタマイズしたり、キーと値のペアに基づいてロジックを適用したりできます。
4. message.extras からキーと値のペアにアクセスする {#4-access-key-value-pairs-from-messageextras}
message.extras を使用して、カスタマイズタイプ、スタイル属性、またはダッシュボードで定義されたその他の値にアクセスします。
5. メッセージのスタイル属性を更新する {#5-update-the-messages-styling-attributes}
inAppMessage(_:prepareWith:) を使用して PresentationContext にアクセスし、スタイル属性を直接変更できます。各アプリ内メッセージタイプは、それぞれ異なる属性を公開しています。