アプリ内メッセージ
アプリ内メッセージとBraze SDKの設定方法について学習する。
前提条件
この機能を使用する前に、Web Braze SDKを統合する必要がある。 しかし、追加の設定は必要ない。
メッセージの種類
すべてのアプリ内メッセージは、そのプロトタイプを [InAppMessage] から継承します。このプロトタイプは、すべてのアプリ内メッセージの基本動作と特徴を定義しています。プロトタイプのサブクラスは以下の通りである。 SlideUpMessage, ModalMessage, FullScreenMessageおよび HtmlMessage.
各アプリ内メッセージタイプは、コンテンツ、画像、アイコン、クリックアクション、分析、表示、配信にわたってカスタマイズできます。
SlideUp アプリ内メッセージは、伝統的にモバイルプラットフォームでは、画面の上部または下部から「スライドアップ」または「スライドダウン」するため、このような名前が付けられている。Braze Web SDK では、これらのメッセージは、Web の主流のパラダイムに合わせて Growl または Toast スタイルの通知として表示されます。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
Modal アプリ内のメッセージは画面中央に表示され、半透明のパネルに囲まれます。より重要なメッセージングに有用で、最大2つのクリックアクションと分析対応ボタンを装備できます。
Full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。狭いブラウザウィンドウ (例えばモバイル Web) では、full アプリ内メッセージがブラウザウィンドウ全体を占めます。大きなブラウザウィンドウでは、full アプリ内メッセージは、modal アプリ内メッセージと同様に表示されます。full アプリ内メッセージの上半分には画像が含まれ、下半分には最大8行のテキストと最大2つのクリックアクション、アナリティクス対応ボタンが表示される。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML は、iFrame に表示され、画像やフォント、動画、インタラクティブ要素などのリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全にコントロールできます。これらは、HTML 内から Braze Web SDK のメソッドを呼び出すためのJavaScript brazeBridge インターフェイスをサポートしています。詳しくは、ベストプラクティスを参照してください。
Web SDK を介して HTML アプリ内メッセージを有効にするには、allowUserSuppliedJavascript 初期化オプションを Braze に指定する必要があります。例: braze.initialize('YOUR-API_KEY', {allowUserSuppliedJavascript: true})。これはセキュリティ上の理由からだ。HTML のアプリ内メッセージは JavaScript を実行できるため、サイト管理者が有効にする必要があります。
次の例は、ページ分割されたHTMLアプリ内メッセージを示している：
前提条件
この機能を使用する前に、Android Braze SDKを統合する必要がある。 アプリ内メッセージも有効にする必要がある。
メッセージの種類
Braze には、メッセージ、”画像 s、フォントアウェゾームアイコン、アクションs、分析、カラースキームなど、カスタマイズ可能な複数のデフォルト アプリ内メッセージタイプが用意されています。
これらの基本的な動作と特性は、IInAppMessage インターフェイスによって定義されます。InAppMessageBase と呼ばれるサブクラスで定義されます。IInAppMessage には、サブインターフェイス、IInAppMessageImmersive も含まれます。これにより、アプリにclose、click-アクション、および分析 ボタン
ボタンを含むアプリ内メッセージs は、ボタンテキストを追加する前にクリックアクションが追加されている場合、最終的な支払い読み込むにclickAction メッセージを含めます。
slideup アプリ内メッセージは、画面の上部または下部から「スライドアップ」または「スライドダウン」するため、このような名前が付けられています。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
slideup アプリ内メッセージオブジェクトは InAppMessageBase を拡張します。
modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。より重要なメッセージングの場合に有用で、2 つのクリックアクションと分析対応ボタンを装備できます。
このメッセージタイプは、InAppMessageImmersiveBase のサブクラスです。これは、IInAppMessageImmersive を実装する抽象クラスで、ローカルに生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大 2 つのクリックアクションと分析対応ボタンが表示されます。
このメッセージタイプは、InAppMessageImmersiveBase を拡張し、ローカルで生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のメッセージコンテンツは、WebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
このメッセージタイプは、IInAppMessageHtml を実装します。これは、IInAppMessage のサブクラスです。
Android アプリ内メッセージ では、JavaScript brazeBridge インターフェイスを使用してHTML内からBraze Android SDKのメソッドを呼び出すことができます。詳しくは、JavaScript bridge を参照してください。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
また、アプリのカスタムアプリ内メッセージビューを定義することもできます。詳細については、カスタムファクトリーの設定を参照してください。
アプリ内メッセージを有効にする
ステップ 1: 登録する BrazeInAppMessageManager
アプリ内メッセージ表示は BrazeInAppMessageManager クラスによって管理されまｓ。アプリ内のすべてのアクティビティを BrazeInAppMessageManager に登録して、アプリ内メッセージビューをビュー階層に追加できるようにする必要があります。これを行うには次の 2 つの方法があります。
アクティビティライフサイクルコールバック統合はアプリ内メッセージ登録を自動的に処理するため、追加の統合は不要です。これはアプリ内メッセージ登録の推奨方法である。
自動登録にアクティビティ・ライフサイクル・コールバックを使用している場合は、このステップを完了させないこと。
あなたの Application.onCreate()を呼び出す ensureSubscribedToInAppMessageEvents():
1
BrazeInAppMessageManager.getInstance().ensureSubscribedToInAppMessageEvents(context);
1
BrazeInAppMessageManager.getInstance().ensureSubscribedToInAppMessageEvents(context)
アプリ内メッセージを表示できるすべてのアクティビティで、そのアクティビティの registerInAppMessageManager()onResume()を呼び出す：
1
2
3
4
5
6
7
@Override
public void onResume() {
super.onResume();
// Registers the BrazeInAppMessageManager for the current Activity. This Activity will now listen for
// in-app messages from Braze.
BrazeInAppMessageManager.getInstance().registerInAppMessageManager(activity);
}
1
2
3
4
5
6
public override fun onResume() {
super.onResume()
// Registers the BrazeInAppMessageManager for the current Activity. This Activity will now listen for
// in-app messages from Braze.
BrazeInAppMessageManager.getInstance().registerInAppMessageManager(this)
}
がコールされたすべてのアクティビティにおいてである。 registerInAppMessageManager()が呼び出されたすべてのアクティビティで、そのアクティビティの unregisterInAppMessageManager()onPause()を呼び出す：
1
2
3
4
5
6
@Override
public void onPause() {
super.onPause();
// Unregisters the BrazeInAppMessageManager for the current Activity.
BrazeInAppMessageManager.getInstance().unregisterInAppMessageManager(activity);
}
1
2
3
4
5
public override fun onPause() {
super.onPause()
// Unregisters the BrazeInAppMessageManager.
BrazeInAppMessageManager.getInstance().unregisterInAppMessageManager(this)
}
ステップ 2:マネージャーのブロックリストを更新する（オプション）
統合では、アプリ内の特定のアクティビティにアプリ内メッセージを表示しないようにする必要が生じる場合があります。アクティビティライフサイクルコールバックの統合により、これを簡単に実現できます。
次のサンプルコードでは、アプリ内メッセージ登録禁止リストに SplashActivity と SettingsActivity という 2 つのアクティビティを追加します。
1
2
3
4
5
6
7
8
9
10
public class MyApplication extends Application {
@Override
public void onCreate() {
super.onCreate();
Set<Class> inAppMessageBlocklist = new HashSet<>();
inAppMessageBlocklist.add(SplashActivity.class);
inAppMessageBlocklist.add(SettingsActivity.class);
registerActivityLifecycleCallbacks(new BrazeActivityLifecycleCallbackListener(inAppMessageBlocklist));
}
}
1
2
3
4
5
6
7
8
9
class MyApplication : Application() {
override fun onCreate() {
super.onCreate()
val inAppMessageBlocklist = HashSet<Class<*>>()
inAppMessageBlocklist.add(SplashActivity::class.java)
inAppMessageBlocklist.add(SettingsActivity::class.java)
registerActivityLifecycleCallbacks(BrazeActivityLifecycleCallbackListener(inAppMessageBlocklist))
}
}
前提条件
この機能を使う前に、Swift Braze SDKを統合する必要がある。 アプリ内メッセージも有効にする必要がある。
メッセージの種類
各アプリ内メッセージタイプは、コンテンツ、画像、アイコン、クリックアクション、分析、表示、配信に渡って高度にカスタマイズできます。これらは列挙型のBraze.InAppMessage で、すべてのアプリ内メッセージs の基本的な振る舞いと特性を定義します。アプリ内メッセージのプロパティーと使用法の完全な一覧については、InAppMessageクラスを参照してください。
これらは、Braze で使用可能なアプリ内メッセージタイプと、end-ユーザー s の外観です。
Slideup アプリ内メッセージ s にはこの名前が付けられます。これは、slide up” または”slide down” が、スクリーンの上部または下部にあるためです。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
Modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Modal Image アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。これらのメッセージは、ヘッダーやメッセージテキストがないことを除けば、Modal タイプに似ている。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大2つの分析対応ボタンが表示されます。
Full Image アプリ内メッセージは、ヘッダーやメッセージテキストがないことを除けば、Full アプリ内メッセージと似ている。このメッセージタイプは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full Image アプリ内メッセージには画面全体に広がる画像が含まれ、オプションで最大2つの分析対応ボタンが表示されます。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のフルメッセージコンテンツは、WKWebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
iOS アプリ内メッセージは、HTML 内から Braze Web SDK のメソッドを呼び出すための JavaScript brazeBridge インターフェイスをサポートしています。詳細については、ベストプラクティスを参照してください。
次の例は、ページ分割された HTML の完全アプリ内メッセージを示しています。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
Control アプリ内メッセージには UI コンポーネントは含まれず、主に分析用に使用されます。このタイプは、コントロールグループに送信されたアプリ内メッセージの受信を確認するために使用される。
インテリジェントセレクションとコントロールグループについては、インテリジェントセレクションを参照してください。
アプリ内メッセージを有効にする
ステップ 1: の実装を作成する。 BrazeInAppMessagePresenter
Brazeにアプリ内メッセージを表示させるには、BrazeInAppMessagePresenter プロトコルの実装を作成し、BrazeインスタンスのオプションinAppMessagePresenter に割り当てる。BrazeInAppMessageUI オブジェクトをインスタンス化することで、デフォルトの Braze UI プレゼンターを使用することもできます。
BrazeInAppMessageUI クラスにアクセスするには、BrazeUI ライブラリーをインポートする必要があることに注意してください。
1
AppDelegate.braze?.inAppMessagePresenter = BrazeInAppMessageUI()
1
AppDelegate.braze.inAppMessagePresenter = [[BrazeInAppMessageUI alloc] init];
ステップ 2:一致するトリガーはない
実装する BrazeDelegate.(_:noMatchingTriggerForEvent)を関連するBrazeDelegate クラス内に実装する。Brazeは、特定のイベントに一致するトリガーが見つからない場合、自動的にこのメソッドを呼び出す。
前提条件
この機能を使用する前に、Android Braze SDKを統合する必要がある。
TVとOTTのサポートについて
Android Braze SDKは、Android TVやFire StickのようなOTTデバイスでのアプリ内メッセージ表示をネイティブにサポートしている。しかし、Androidネイティブとアプリ内メッセージにはいくつかの重要な違いがある。OTT デバイスの場合:
- スライドアップなどのタッチモードを必要とするアプリ内メッセージは、OTT で無効になります。
- 閉じるボタンなど、現在選択されている項目またはフォーカスされている項目がハイライト表示されます。
- ボタン上ではなく、アプリ内メッセージ自体の本文をクリックすることはサポートされていません。
前提条件
この機能を使う前に、Cordova Braze SDKを統合する必要がある。
メッセージの種類
Braze には、メッセージ、”画像 s、フォントアウェゾームアイコン、アクションs、分析、カラースキームなど、カスタマイズ可能な複数のデフォルト アプリ内メッセージタイプが用意されています。
これらの基本的な動作と特性は、IInAppMessage インターフェイスによって定義されます。InAppMessageBase と呼ばれるサブクラスで定義されます。IInAppMessage には、サブインターフェイス、IInAppMessageImmersive も含まれます。これにより、アプリにclose、click-アクション、および分析 ボタン
ボタンを含むアプリ内メッセージs は、ボタンテキストを追加する前にクリックアクションが追加されている場合、最終的な支払い読み込むにclickAction メッセージを含めます。
slideup アプリ内メッセージは、画面の上部または下部から「スライドアップ」または「スライドダウン」するため、このような名前が付けられています。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
slideup アプリ内メッセージオブジェクトは InAppMessageBase を拡張します。
modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。より重要なメッセージングの場合に有用で、2 つのクリックアクションと分析対応ボタンを装備できます。
このメッセージタイプは、InAppMessageImmersiveBase のサブクラスです。これは、IInAppMessageImmersive を実装する抽象クラスで、ローカルに生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大 2 つのクリックアクションと分析対応ボタンが表示されます。
このメッセージタイプは、InAppMessageImmersiveBase を拡張し、ローカルで生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のメッセージコンテンツは、WebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
このメッセージタイプは、IInAppMessageHtml を実装します。これは、IInAppMessage のサブクラスです。
Android アプリ内メッセージ では、JavaScript brazeBridge インターフェイスを使用してHTML内からBraze Android SDKのメソッドを呼び出すことができます。詳しくは、JavaScript bridge を参照してください。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
また、アプリのカスタムアプリ内メッセージビューを定義することもできます。詳細については、カスタムファクトリーの設定を参照してください。
各アプリ内メッセージタイプは、コンテンツ、画像、アイコン、クリックアクション、分析、表示、配信に渡って高度にカスタマイズできます。これらは列挙型のBraze.InAppMessage で、すべてのアプリ内メッセージs の基本的な振る舞いと特性を定義します。アプリ内メッセージのプロパティーと使用法の完全な一覧については、InAppMessageクラスを参照してください。
これらは、Braze で使用可能なアプリ内メッセージタイプと、end-ユーザー s の外観です。
Slideup アプリ内メッセージ s にはこの名前が付けられます。これは、slide up” または”slide down” が、スクリーンの上部または下部にあるためです。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
Modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Modal Image アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。これらのメッセージは、ヘッダーやメッセージテキストがないことを除けば、Modal タイプに似ている。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大2つの分析対応ボタンが表示されます。
Full Image アプリ内メッセージは、ヘッダーやメッセージテキストがないことを除けば、Full アプリ内メッセージと似ている。このメッセージタイプは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full Image アプリ内メッセージには画面全体に広がる画像が含まれ、オプションで最大2つの分析対応ボタンが表示されます。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のフルメッセージコンテンツは、WKWebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
iOS アプリ内メッセージは、HTML 内から Braze Web SDK のメソッドを呼び出すための JavaScript brazeBridge インターフェイスをサポートしています。詳細については、ベストプラクティスを参照してください。
次の例は、ページ分割された HTML の完全アプリ内メッセージを示しています。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
Control アプリ内メッセージには UI コンポーネントは含まれず、主に分析用に使用されます。このタイプは、コントロールグループに送信されたアプリ内メッセージの受信を確認するために使用される。
インテリジェントセレクションとコントロールグループについては、インテリジェントセレクションを参照してください。
前提条件
この機能を使う前に、Flutter Braze SDKを統合する必要がある。
メッセージの種類
Braze には、メッセージ、”画像 s、フォントアウェゾームアイコン、アクションs、分析、カラースキームなど、カスタマイズ可能な複数のデフォルト アプリ内メッセージタイプが用意されています。
これらの基本的な動作と特性は、IInAppMessage インターフェイスによって定義されます。InAppMessageBase と呼ばれるサブクラスで定義されます。IInAppMessage には、サブインターフェイス、IInAppMessageImmersive も含まれます。これにより、アプリにclose、click-アクション、および分析 ボタン
ボタンを含むアプリ内メッセージs は、ボタンテキストを追加する前にクリックアクションが追加されている場合、最終的な支払い読み込むにclickAction メッセージを含めます。
slideup アプリ内メッセージは、画面の上部または下部から「スライドアップ」または「スライドダウン」するため、このような名前が付けられています。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
slideup アプリ内メッセージオブジェクトは InAppMessageBase を拡張します。
modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。より重要なメッセージングの場合に有用で、2 つのクリックアクションと分析対応ボタンを装備できます。
このメッセージタイプは、InAppMessageImmersiveBase のサブクラスです。これは、IInAppMessageImmersive を実装する抽象クラスで、ローカルに生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大 2 つのクリックアクションと分析対応ボタンが表示されます。
このメッセージタイプは、InAppMessageImmersiveBase を拡張し、ローカルで生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のメッセージコンテンツは、WebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
このメッセージタイプは、IInAppMessageHtml を実装します。これは、IInAppMessage のサブクラスです。
Android アプリ内メッセージ では、JavaScript brazeBridge インターフェイスを使用してHTML内からBraze Android SDKのメソッドを呼び出すことができます。詳しくは、JavaScript bridge を参照してください。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
また、アプリのカスタムアプリ内メッセージビューを定義することもできます。詳細については、カスタムファクトリーの設定を参照してください。
各アプリ内メッセージタイプは、コンテンツ、画像、アイコン、クリックアクション、分析、表示、配信に渡って高度にカスタマイズできます。これらは列挙型のBraze.InAppMessage で、すべてのアプリ内メッセージs の基本的な振る舞いと特性を定義します。アプリ内メッセージのプロパティーと使用法の完全な一覧については、InAppMessageクラスを参照してください。
これらは、Braze で使用可能なアプリ内メッセージタイプと、end-ユーザー s の外観です。
Slideup アプリ内メッセージ s にはこの名前が付けられます。これは、slide up” または”slide down” が、スクリーンの上部または下部にあるためです。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
Modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Modal Image アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。これらのメッセージは、ヘッダーやメッセージテキストがないことを除けば、Modal タイプに似ている。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大2つの分析対応ボタンが表示されます。
Full Image アプリ内メッセージは、ヘッダーやメッセージテキストがないことを除けば、Full アプリ内メッセージと似ている。このメッセージタイプは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full Image アプリ内メッセージには画面全体に広がる画像が含まれ、オプションで最大2つの分析対応ボタンが表示されます。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のフルメッセージコンテンツは、WKWebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
iOS アプリ内メッセージは、HTML 内から Braze Web SDK のメソッドを呼び出すための JavaScript brazeBridge インターフェイスをサポートしています。詳細については、ベストプラクティスを参照してください。
次の例は、ページ分割された HTML の完全アプリ内メッセージを示しています。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
Control アプリ内メッセージには UI コンポーネントは含まれず、主に分析用に使用されます。このタイプは、コントロールグループに送信されたアプリ内メッセージの受信を確認するために使用される。
インテリジェントセレクションとコントロールグループについては、インテリジェントセレクションを参照してください。
アプリ内メッセージを有効にする
このステップはiOS専用である。アプリ内メッセージのデフォルト実装は、Androidではすでに設定されている。
iOSのアプリ内メッセージのデフォルトプレゼンターを設定するには、BrazeInAppMessagePresenter プロトコルの実装を作成し、BrazeインスタンスのオプションinAppMessagePresenter に割り当てる。BrazeInAppMessageUI オブジェクトをインスタンス化することで、デフォルトの Braze UI プレゼンターを使用することもできます。
BrazeInAppMessageUI クラスにアクセスするには、BrazeUI ライブラリーをインポートする必要がある。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import BrazeUI
override func application(
_ application: UIApplication,
didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey : Any]? = nil
) -> Bool {
...
let braze = BrazePlugin.initBraze(configuration)
// Initialize and assign the default `BrazeInAppMessageUI` class to the in-app message presenter.
braze.inAppMessagePresenter = BrazeInAppMessageUI()
AppDelegate.braze = braze
return true
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
@import BrazeUI;
- (BOOL)application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
...
Braze *braze = [BrazePlugin initBraze:configuration];
// Initialize and assign the default `BrazeInAppMessageUI` class to the in-app message presenter.
braze.inAppMessagePresenter = [[BrazeInAppMessageUI alloc] init];
AppDelegate.braze = braze;
[self.window makeKeyAndVisible];
return YES;
}
実装をさらにカスタマイズするには、アプリ内メッセージデータのログを参照すること。
前提条件
この機能を使う前に、React Native Braze SDKを統合する必要がある。
メッセージの種類
Braze には、メッセージ、”画像 s、フォントアウェゾームアイコン、アクションs、分析、カラースキームなど、カスタマイズ可能な複数のデフォルト アプリ内メッセージタイプが用意されています。
これらの基本的な動作と特性は、IInAppMessage インターフェイスによって定義されます。InAppMessageBase と呼ばれるサブクラスで定義されます。IInAppMessage には、サブインターフェイス、IInAppMessageImmersive も含まれます。これにより、アプリにclose、click-アクション、および分析 ボタン
ボタンを含むアプリ内メッセージs は、ボタンテキストを追加する前にクリックアクションが追加されている場合、最終的な支払い読み込むにclickAction メッセージを含めます。
slideup アプリ内メッセージは、画面の上部または下部から「スライドアップ」または「スライドダウン」するため、このような名前が付けられています。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
slideup アプリ内メッセージオブジェクトは InAppMessageBase を拡張します。
modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。より重要なメッセージングの場合に有用で、2 つのクリックアクションと分析対応ボタンを装備できます。
このメッセージタイプは、InAppMessageImmersiveBase のサブクラスです。これは、IInAppMessageImmersive を実装する抽象クラスで、ローカルに生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大 2 つのクリックアクションと分析対応ボタンが表示されます。
このメッセージタイプは、InAppMessageImmersiveBase を拡張し、ローカルで生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のメッセージコンテンツは、WebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
このメッセージタイプは、IInAppMessageHtml を実装します。これは、IInAppMessage のサブクラスです。
Android アプリ内メッセージ では、JavaScript brazeBridge インターフェイスを使用してHTML内からBraze Android SDKのメソッドを呼び出すことができます。詳しくは、JavaScript bridge を参照してください。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
また、アプリのカスタムアプリ内メッセージビューを定義することもできます。詳細については、カスタムファクトリーの設定を参照してください。
各アプリ内メッセージタイプは、コンテンツ、画像、アイコン、クリックアクション、分析、表示、配信に渡って高度にカスタマイズできます。これらは列挙型のBraze.InAppMessage で、すべてのアプリ内メッセージs の基本的な振る舞いと特性を定義します。アプリ内メッセージのプロパティーと使用法の完全な一覧については、InAppMessageクラスを参照してください。
これらは、Braze で使用可能なアプリ内メッセージタイプと、end-ユーザー s の外観です。
Slideup アプリ内メッセージ s にはこの名前が付けられます。これは、slide up” または”slide down” が、スクリーンの上部または下部にあるためです。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
Modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Modal Image アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。これらのメッセージは、ヘッダーやメッセージテキストがないことを除けば、Modal タイプに似ている。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大2つの分析対応ボタンが表示されます。
Full Image アプリ内メッセージは、ヘッダーやメッセージテキストがないことを除けば、Full アプリ内メッセージと似ている。このメッセージタイプは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full Image アプリ内メッセージには画面全体に広がる画像が含まれ、オプションで最大2つの分析対応ボタンが表示されます。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のフルメッセージコンテンツは、WKWebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
iOS アプリ内メッセージは、HTML 内から Braze Web SDK のメソッドを呼び出すための JavaScript brazeBridge インターフェイスをサポートしています。詳細については、ベストプラクティスを参照してください。
次の例は、ページ分割された HTML の完全アプリ内メッセージを示しています。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
Control アプリ内メッセージには UI コンポーネントは含まれず、主に分析用に使用されます。このタイプは、コントロールグループに送信されたアプリ内メッセージの受信を確認するために使用される。
インテリジェントセレクションとコントロールグループについては、インテリジェントセレクションを参照してください。
データモデル
アプリ内メッセージのモデルは、React Native SDK で利用できます。Braze には、同じデータ モデルを共有する4つのアプリ内メッセージタイプ (スライドアップ、モーダル、フル、HTML フル) があります。
メッセージ
アプリ内メッセージモデルは、すべてのアプリ内メッセージのベースを提供します。
| プロパティ | 説明 |
|---|---|
inAppMessageJsonString |
メッセージのJSON表現。 |
message |
メッセージテキスト。 |
header |
メッセージのヘッダーである。 |
uri |
ボタンをクリックするアクションに関連するURI。 |
imageUrl |
メッセージ画像のURL。 |
zippedAssetsUrl |
HTMLコンテンツを表示するために準備されたzip圧縮された資産。 |
useWebView |
ボタンをクリックしたアクションがウェブビューを使ってリダイレクトされるかどうかを示す。 |
duration |
メッセージの表示時間。 |
clickAction |
ボタンのクリックアクションのタイプ。タイプは、URI、およびNONE です。 |
dismissType |
メッセージのクローズタイプ。2つのタイプは次のとおりです。SWIPE およびAUTO_DISMISS。 |
messageType |
SDKがサポートするアプリ内メッセージタイプ。4つのタイプは次のとおりです。SLIDEUP、MODAL、FULL および HTML_FULL。 |
extras |
メッセージエクストラ辞書。デフォルト値：[:]. |
buttons |
アプリ内メッセージのボタン一覧。 |
toString() |
String表現としてのメッセージ。 |
アプリ内メッセージモデルの完全なリファレンスについては、[Android] および [iOS] のドキュメントを参照してください。
ボタン
アプリ内メッセージにボタンを追加して、アクションを実行したり、分析をログに記録したりできます。ボタンモデルは、すべてのアプリ内メッセージボタンのベースを提供します。
| プロパティ | 説明 |
|---|---|
text |
ボタンのテキスト。 |
uri |
ボタンをクリックするアクションに関連するURI。 |
useWebView |
ボタンをクリックしたアクションがウェブビューを使ってリダイレクトされるかどうかを示す。 |
clickAction |
ユーザーがボタンをクリックしたときに処理されるクリックアクションのタイプ。タイプは、URI、およびNONE です。 |
id |
メッセージのボタンID。 |
toString() |
String表現としてのボタン。 |
前提条件
この機能を使用するには、 Roku Braze SDK を統合する必要があります。 また、アプリ内メッセージは、最低限サポートされているSDKバージョンを実行しているRokuデバイスにのみ送信される：
メッセージの種類
Braze には、メッセージ、”画像 s、フォントアウェゾームアイコン、アクションs、分析、カラースキームなど、カスタマイズ可能な複数のデフォルト アプリ内メッセージタイプが用意されています。
これらの基本的な動作と特性は、IInAppMessage インターフェイスによって定義されます。InAppMessageBase と呼ばれるサブクラスで定義されます。IInAppMessage には、サブインターフェイス、IInAppMessageImmersive も含まれます。これにより、アプリにclose、click-アクション、および分析 ボタン
ボタンを含むアプリ内メッセージs は、ボタンテキストを追加する前にクリックアクションが追加されている場合、最終的な支払い読み込むにclickAction メッセージを含めます。
slideup アプリ内メッセージは、画面の上部または下部から「スライドアップ」または「スライドダウン」するため、このような名前が付けられています。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
slideup アプリ内メッセージオブジェクトは InAppMessageBase を拡張します。
modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。より重要なメッセージングの場合に有用で、2 つのクリックアクションと分析対応ボタンを装備できます。
このメッセージタイプは、InAppMessageImmersiveBase のサブクラスです。これは、IInAppMessageImmersive を実装する抽象クラスで、ローカルに生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大 2 つのクリックアクションと分析対応ボタンが表示されます。
このメッセージタイプは、InAppMessageImmersiveBase を拡張し、ローカルで生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のメッセージコンテンツは、WebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
このメッセージタイプは、IInAppMessageHtml を実装します。これは、IInAppMessage のサブクラスです。
Android アプリ内メッセージ では、JavaScript brazeBridge インターフェイスを使用してHTML内からBraze Android SDKのメソッドを呼び出すことができます。詳しくは、JavaScript bridge を参照してください。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
また、アプリのカスタムアプリ内メッセージビューを定義することもできます。詳細については、カスタムファクトリーの設定を参照してください。
各アプリ内メッセージタイプは、コンテンツ、画像、アイコン、クリックアクション、分析、表示、配信に渡って高度にカスタマイズできます。これらは列挙型のBraze.InAppMessage で、すべてのアプリ内メッセージs の基本的な振る舞いと特性を定義します。アプリ内メッセージのプロパティーと使用法の完全な一覧については、InAppMessageクラスを参照してください。
これらは、Braze で使用可能なアプリ内メッセージタイプと、end-ユーザー s の外観です。
Slideup アプリ内メッセージ s にはこの名前が付けられます。これは、slide up” または”slide down” が、スクリーンの上部または下部にあるためです。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
Modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Modal Image アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。これらのメッセージは、ヘッダーやメッセージテキストがないことを除けば、Modal タイプに似ている。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大2つの分析対応ボタンが表示されます。
Full Image アプリ内メッセージは、ヘッダーやメッセージテキストがないことを除けば、Full アプリ内メッセージと似ている。このメッセージタイプは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full Image アプリ内メッセージには画面全体に広がる画像が含まれ、オプションで最大2つの分析対応ボタンが表示されます。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のフルメッセージコンテンツは、WKWebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
iOS アプリ内メッセージは、HTML 内から Braze Web SDK のメソッドを呼び出すための JavaScript brazeBridge インターフェイスをサポートしています。詳細については、ベストプラクティスを参照してください。
次の例は、ページ分割された HTML の完全アプリ内メッセージを示しています。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
Control アプリ内メッセージには UI コンポーネントは含まれず、主に分析用に使用されます。このタイプは、コントロールグループに送信されたアプリ内メッセージの受信を確認するために使用される。
インテリジェントセレクションとコントロールグループについては、インテリジェントセレクションを参照してください。
アプリ内メッセージを有効にする
ステップ 1: オブザーバーを追加する
アプリ内メッセージを処理するため、BrazeTask.BrazeInAppMessage でオブザーバーを追加できます。
1
m.BrazeTask.observeField("BrazeInAppMessage", "onInAppMessageReceived")
ステップ 2:トリガーメッセージにアクセスする
次に、ハンドラ内で、キャンペーンでトリガーされた最上位のアプリ内メッセージにアクセスできます。
1
2
3
4
sub onInAppMessageReceived()
in_app_message = m.BrazeTask.BrazeInAppMessage
...
end sub
メッセージフィールド
ハンドリング
以下は、アプリ内メッセージを処理するために必要なフィールドのリストです。
| フィールド | 説明 | |
|---|---|---|
buttons |
ボタンのリスト（空のリストである可能性があります）。 | |
click_action |
"URI" または "NONE"。このフィールドを使用して、URI リンクに対してアプリ内メッセージを開くか、クリックしたときにメッセージを閉じるかを指定します。ボタンがない場合、アプリ内メッセージが表示されているときにユーザーが「OK」をクリックすると、これが発生するはずです。 |
|
dismiss_type |
"AUTO_DISMISS" または "SWIPE"。このフィールドを使用して、アプリ内メッセージが自動的に閉じられるか、スワイプで消去する必要があるかを指定します。 |
|
display_delay |
アプリ内メッセージを表示するまでの待機時間（秒）。 | |
duration |
dismiss_typeが"AUTO_DISMISS"に設定されている場合、メッセージが表示される時間（ミリ秒）。 |
|
extras |
キーと値のペア。 | |
header |
ヘッダーのテキスト。 | |
id |
インプレッションやクリックを記録するために使用されるID。 | |
image_url |
アプリ内メッセージ画像URL。 | |
message |
メッセージ本文テキスト。 | |
uri |
URI ユーザーは click_action に基づいて送信されます。このフィールドはclick_actionが"URI"のときに含める必要があります。 |
ボタンを含むアプリ内メッセージの場合、ボタンテキストを追加する前にクリックアクションが追加されると、メッセージ click_action も最終ペイロードに含まれます。
スタイリング
ダッシュボードから使用するよう選択できるさまざまなスタイル指定フィールドもあります。
| フィールド | 説明 |
|---|---|
bg_color |
バックグラウンド色。 |
close_button_color |
閉じるボタンの色。 |
frame_color |
バックグラウンド画面オーバーレイの色。 |
header_text_color |
ヘッダーテキストの色。 |
message_text_color |
メッセージテキストの色。 |
text_align |
「START」、「CENTER」、または「END」。選択したテキストの配置。 |
また、アプリ内メッセージを実装し、Roku アプリケーション内で標準パレットを使用してそのスタイルを指定することもできます。
ボタン
| フィールド | 説明 |
|---|---|
click_action |
"URI" または "NONE"。このフィールドを使用して、URI リンクに対してアプリ内メッセージを開くか、クリックしたときにメッセージを閉じるかを指定します。 |
id |
ボタン自体のID値。 |
text |
ボタンに表示するテキスト。 |
uri |
URI ユーザーは click_action に基づいて送信されます。このフィールドはclick_actionが"URI"のときに含める必要があります。 |
アプリ内メッセージングはSwift SDKを使ったヘッドレスUIでサポートされており、tvOS用のデフォルトUIやビューは含まれていないため、独自のカスタムUIを実装する必要があることを覚えておこう。
前提条件
この機能を使う前に、Swift Braze SDKを統合する必要がある。
アプリ内メッセージを有効にする
ステップ 1: 新しいiOSアプリを作成する
Braze で、[設定] > [アプリの設定] を選択し、[アプリの追加] を選択します。tvOS アプリの名前を入力し、tvOS ではなく、iOS を選択し、アプリの追加を選択します。
tvOSチェックボックスを選択すると、tvOS用のアプリ内メッセージをカスタマイズできなくなる。
ステップ2:アプリのAPIキーを取得する
アプリの設定で、新しいtvOSアプリを選択し、アプリのAPIキーをメモする。このキーを使って Xcode でアプリを設定します。
ステップ 3:BrazeKitを統合する
アプリの API キーを使用して、Xcode で Braze Swift SDK を tvOS プロジェクトに統合します。Braze Swift SDK から BrazeKit を統合するだけでよいです。
ステップ 4:カスタムUIを作成する
BrazeはtvOS上でアプリ内メッセージのデフォルトUIを提供していないため、自分でカスタマイズする必要がある。完全なチュートリアルについては、ステップ・バイ・ステップのチュートリアルを参照のこと：tvOSのアプリ内メッセージをカスタマイズする。サンプルプロジェクトについては、Braze Swift SDKのサンプルを参照してください。
前提条件
この機能を使用する前に、Unity Braze SDKを統合する必要がある。
メッセージの種類
Braze には、メッセージ、”画像 s、フォントアウェゾームアイコン、アクションs、分析、カラースキームなど、カスタマイズ可能な複数のデフォルト アプリ内メッセージタイプが用意されています。
これらの基本的な動作と特性は、IInAppMessage インターフェイスによって定義されます。InAppMessageBase と呼ばれるサブクラスで定義されます。IInAppMessage には、サブインターフェイス、IInAppMessageImmersive も含まれます。これにより、アプリにclose、click-アクション、および分析 ボタン
ボタンを含むアプリ内メッセージs は、ボタンテキストを追加する前にクリックアクションが追加されている場合、最終的な支払い読み込むにclickAction メッセージを含めます。
slideup アプリ内メッセージは、画面の上部または下部から「スライドアップ」または「スライドダウン」するため、このような名前が付けられています。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
slideup アプリ内メッセージオブジェクトは InAppMessageBase を拡張します。
modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。より重要なメッセージングの場合に有用で、2 つのクリックアクションと分析対応ボタンを装備できます。
このメッセージタイプは、InAppMessageImmersiveBase のサブクラスです。これは、IInAppMessageImmersive を実装する抽象クラスで、ローカルに生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大 2 つのクリックアクションと分析対応ボタンが表示されます。
このメッセージタイプは、InAppMessageImmersiveBase を拡張し、ローカルで生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のメッセージコンテンツは、WebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
このメッセージタイプは、IInAppMessageHtml を実装します。これは、IInAppMessage のサブクラスです。
Android アプリ内メッセージ では、JavaScript brazeBridge インターフェイスを使用してHTML内からBraze Android SDKのメソッドを呼び出すことができます。詳しくは、JavaScript bridge を参照してください。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
また、アプリのカスタムアプリ内メッセージビューを定義することもできます。詳細については、カスタムファクトリーの設定を参照してください。
各アプリ内メッセージタイプは、コンテンツ、画像、アイコン、クリックアクション、分析、表示、配信に渡って高度にカスタマイズできます。これらは列挙型のBraze.InAppMessage で、すべてのアプリ内メッセージs の基本的な振る舞いと特性を定義します。アプリ内メッセージのプロパティーと使用法の完全な一覧については、InAppMessageクラスを参照してください。
これらは、Braze で使用可能なアプリ内メッセージタイプと、end-ユーザー s の外観です。
Slideup アプリ内メッセージ s にはこの名前が付けられます。これは、slide up” または”slide down” が、スクリーンの上部または下部にあるためです。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
Modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Modal Image アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。これらのメッセージは、ヘッダーやメッセージテキストがないことを除けば、Modal タイプに似ている。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大2つの分析対応ボタンが表示されます。
Full Image アプリ内メッセージは、ヘッダーやメッセージテキストがないことを除けば、Full アプリ内メッセージと似ている。このメッセージタイプは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full Image アプリ内メッセージには画面全体に広がる画像が含まれ、オプションで最大2つの分析対応ボタンが表示されます。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のフルメッセージコンテンツは、WKWebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
iOS アプリ内メッセージは、HTML 内から Braze Web SDK のメソッドを呼び出すための JavaScript brazeBridge インターフェイスをサポートしています。詳細については、ベストプラクティスを参照してください。
次の例は、ページ分割された HTML の完全アプリ内メッセージを示しています。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
Control アプリ内メッセージには UI コンポーネントは含まれず、主に分析用に使用されます。このタイプは、コントロールグループに送信されたアプリ内メッセージの受信を確認するために使用される。
インテリジェントセレクションとコントロールグループについては、インテリジェントセレクションを参照してください。
前提条件
この機能を使用する前に、.NET MAUI Braze SDKを統合する必要がある。
メッセージの種類
Braze には、メッセージ、”画像 s、フォントアウェゾームアイコン、アクションs、分析、カラースキームなど、カスタマイズ可能な複数のデフォルト アプリ内メッセージタイプが用意されています。
これらの基本的な動作と特性は、IInAppMessage インターフェイスによって定義されます。InAppMessageBase と呼ばれるサブクラスで定義されます。IInAppMessage には、サブインターフェイス、IInAppMessageImmersive も含まれます。これにより、アプリにclose、click-アクション、および分析 ボタン
ボタンを含むアプリ内メッセージs は、ボタンテキストを追加する前にクリックアクションが追加されている場合、最終的な支払い読み込むにclickAction メッセージを含めます。
slideup アプリ内メッセージは、画面の上部または下部から「スライドアップ」または「スライドダウン」するため、このような名前が付けられています。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
slideup アプリ内メッセージオブジェクトは InAppMessageBase を拡張します。
modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。より重要なメッセージングの場合に有用で、2 つのクリックアクションと分析対応ボタンを装備できます。
このメッセージタイプは、InAppMessageImmersiveBase のサブクラスです。これは、IInAppMessageImmersive を実装する抽象クラスで、ローカルに生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大 2 つのクリックアクションと分析対応ボタンが表示されます。
このメッセージタイプは、InAppMessageImmersiveBase を拡張し、ローカルで生成されたアプリ内メッセージs にカスタム機能を追加するオプションを提供します。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のメッセージコンテンツは、WebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
このメッセージタイプは、IInAppMessageHtml を実装します。これは、IInAppMessage のサブクラスです。
Android アプリ内メッセージ では、JavaScript brazeBridge インターフェイスを使用してHTML内からBraze Android SDKのメソッドを呼び出すことができます。詳しくは、JavaScript bridge を参照してください。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
また、アプリのカスタムアプリ内メッセージビューを定義することもできます。詳細については、カスタムファクトリーの設定を参照してください。
各アプリ内メッセージタイプは、コンテンツ、画像、アイコン、クリックアクション、分析、表示、配信に渡って高度にカスタマイズできます。これらは列挙型のBraze.InAppMessage で、すべてのアプリ内メッセージs の基本的な振る舞いと特性を定義します。アプリ内メッセージのプロパティーと使用法の完全な一覧については、InAppMessageクラスを参照してください。
これらは、Braze で使用可能なアプリ内メッセージタイプと、end-ユーザー s の外観です。
Slideup アプリ内メッセージ s にはこの名前が付けられます。これは、slide up” または”slide down” が、スクリーンの上部または下部にあるためです。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
Modal アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Modal Image アプリ内メッセージは画面中央に表示され、半透明のパネルに囲まれます。これらのメッセージは、ヘッダーやメッセージテキストがないことを除けば、Modal タイプに似ている。よりクリティカルなメッセージングに有用で、最大2つのアナリティクス対応ボタンを装備できる。
Full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full アプリ内メッセージの上半分には画像が含まれ、下半分にはテキストと最大2つの分析対応ボタンが表示されます。
Full Image アプリ内メッセージは、ヘッダーやメッセージテキストがないことを除けば、Full アプリ内メッセージと似ている。このメッセージタイプは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。Full Image アプリ内メッセージには画面全体に広がる画像が含まれ、オプションで最大2つの分析対応ボタンが表示されます。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義の HTML アプリ内のフルメッセージコンテンツは、WKWebView に表示され、必要に応じて画像やフォントなどの他のリッチコンテンツを含めることができます。これにより、メッセージの外観と機能を完全に制御できます。
iOS アプリ内メッセージは、HTML 内から Braze Web SDK のメソッドを呼び出すための JavaScript brazeBridge インターフェイスをサポートしています。詳細については、ベストプラクティスを参照してください。
次の例は、ページ分割された HTML の完全アプリ内メッセージを示しています。
現在、iOS と Android のプラットフォームでは、iFrame でのカスタム HTML アプリ内メッセージの表示はサポートしていません。
Control アプリ内メッセージには UI コンポーネントは含まれず、主に分析用に使用されます。このタイプは、コントロールグループに送信されたアプリ内メッセージの受信を確認するために使用される。
インテリジェントセレクションとコントロールグループについては、インテリジェントセレクションを参照してください。
次のステップ
深く潜る準備はできましたか?以下のステップ別のチュートリアルを参照してください。
- トリガーメッセージsの遅延と復元によるメッセージ配信タイミングの微調整。
- 設定条件付き表示規則でメッセージターゲティングを絞り込みます。
- キーと値のペアでメッセージスタイルをカスタマイズして、ブランドの外観を一致させます。
GitHub でこのページを編集