Skip to content

チュートリアル: キーと値のペアを使用したメッセージスタイルのカスタマイズ

このチュートリアルのサンプルコードに従って、Braze SDK のキーと値のペアを使用してアプリ内メッセージのスタイルをカスタマイズします。

前提条件

この機能を使用する前に、Web Braze SDKを統合する必要がある。 ただし、追加のセットアップは必要ありません。

Web のキーと値のペアを使用したメッセージスタイルのカスタマイズ

1.automaticallyShowInAppMessages() の呼び出しを削除する

後で実装するカスタムロジックをオーバーライドするため、automaticallyShowInAppMessages() のすべての呼び出しを削除します。

2.デバッグを有効にする(オプション)

開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。

3.アプリ内メッセージコールバックハンドラーにサブスクライバーする

subscribeToInAppMessage(callback) を使用してコールバックを登録し、アプリ内メッセージがトリガーされるたびにメッセージを受信します。

4.message.extras プロパティにアクセスします

message.extras を使用して、カスタマイズタイプ、スタイル属性、またはダッシュボードで定義されているその他の値にアクセスします。すべての値は文字列として返されます。

5.条件付きで showInAppMessage を呼び出す

メッセージを表示するには、showInAppMessage(message) を呼び出します。それ以外の場合は、必要に応じて任意のカスタムプロパティを使用します。

Please rate this tutorial:

★ ★ ★ ★ ★

前提条件

この機能を使用する前に、Android Braze SDKを統合する必要がある。 また、Android のアプリ内メッセージs を有効にする必要があります。

Android のキーと値のペアを使用したメッセージスタイルのカスタマイズ

1.デバッグを有効にする(オプション)

開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。

2.アクティビティライフサイクルコールバックを登録する

アプリ内メッセージのライフサイクルを処理するBrazeのデフォルトリスナーを登録する。

3.カスタムビューファクトリクラスの作成

カスタムメッセージビューを構築して返すことができるように、クラスが IInAppMessageViewFactory に準拠していることを確認してください。

4.Brazeのデフォルト工場への委任

デフォルトのファクトリーに委任して、独自の条件変更を適用する前に、Braze の組み込みスタイリングを保持します。

5.inAppMessage.extras からキーと値のペアにアクセスする

inAppMessage.extras を使用して、カスタマイズタイプ、スタイル属性、またはダッシュボードで定義されているその他の値にアクセスします。ビューを返す前にスタイルのオーバーライドを適用します。

6. カスタム IInAppMessageViewFactory を実装する

カスタムクラスにIInAppMessageViewFactory を実装して、アプリ内メッセージビューを作成およびレンダリングします。

Please rate this tutorial:

★ ★ ★ ★ ★

前提条件

この機能を使う前に、Swift Braze SDKを統合する必要がある。 また、Swiftのアプリ内メッセージsを有効にする必要があります。

Swift のキーと値のペアを使用したメッセージスタイルのカスタマイズ

1.BrazeInAppMessageUIDelegate を実装する

AppDelegate クラスでは、BrazeInAppMessageUIDelegate を実装して、後でinAppMessage メソッドをオーバーライドできます。

2.デバッグを有効にする(オプション)

開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。

3.表示される前にメッセージを準備する

メッセージの準備中に、Braze はinAppMessage(_:prepareWith:) を呼び出します。これを使用してスタイルをカスタマイズしたり、キーと値のペアに基づいてロジックを適用したりします。

4.message.extras からキーと値のペアにアクセスする

message.extras を使用して、カスタマイズタイプ、スタイル属性、またはダッシュボードで定義されているその他の値にアクセスします。

5.メッセージのスタイル属性を更新する

inAppMessage(_:prepareWith:) を使用してPresentationContext にアクセスすると、スタイル属性を直接変更できます。各アプリ内メッセージタイプは、異なる属性を公開します。

Please rate this tutorial:

★ ★ ★ ★ ★
Github   GitHub でこのページを編集
New Stuff!