アプリ内メッセージ統合
この記事では、ウェブアプリケーションのアプリ内メッセージを設定する方法について説明します。
アプリ内メッセージを使用すると、プッシュ通知でユーザーの日常を邪魔することなく、コンテンツをユーザーに届けることができます。カスタマイズされ調整されたアプリ内メッセージは、ユーザーエクスペリエンスが向上し、オーディエンスがアプリから最大限の価値を得るのに役立ちます。アプリ内メッセージでは、さまざまなレイアウトとカスタマイズツールを選択できるため、これまで以上にユーザーの関心を引き付けることができます。
ケーススタディ でアプリ内メッセージの例をチェックしましょう。
アプリ内メッセージのタイプ
Braze は現在、以下のアプリ内メッセージタイプをデフォルトで提供しています。
SlideupModalFullHTML
各アプリ内メッセージタイプは、コンテンツ、画像、アイコン、クリックアクション、分析、表示、配信に渡って高度にカスタマイズできます。
すべてのアプリ内メッセージは、すべてのアプリ内メッセージの基本的な動作と特性を定義する `InAppMessage` のプロトタイプを継承します。プロトタイプのサブクラスは `SlideUpMessage`、`ModalMessage`、`フルスクリーンメッセージ`、``HTMLメッセージ` です。
メッセージタイプ別に予想される動作
ユーザーがデフォルトのアプリ内メッセージタイプの 1 つを開くと、次のようになります。
SlideUp アプリ内メッセージは、従来のモバイルプラットフォームでは、画面の上部または下部から「上」または「下にスライド」していたため、このように呼ばれています。Braze Web SDKでは、これらのメッセージは、ウェブの支配的なパラダイムに合わせて、どちらかというとGrowlまたはToastスタイルの通知として表示されます。画面の一部分だけを覆い、効果的で邪魔にならないメッセージング機能を提供します。
Modal アプリ内のメッセージは画面中央に表示され、半透明のパネルに囲まれます。より重要なメッセージングに有用で、最大2つのクリックアクションと分析対応ボタンを装備できます。
Full アプリ内メッセージは、ユーザーコミュニケーションの内容とインパクトを最大化するのに有効です。狭いブラウザウィンドウ（モバイルウェブなど）では、fullアプリ内メッセージがブラウザウィンドウ全体に表示されます。大きなブラウザウィンドウでは、fullmodalアプリ内メッセージはアプリ内メッセージと同様に表示されます。fullアプリ内メッセージの上半分には画像が含まれ、下半分には最大8行のテキスト、最大2回のクリックアクション、分析対応ボタンが表示されます。
HTML アプリ内メッセージは、完全にカスタマイズされたユーザーコンテンツを作成するのに便利です。ユーザー定義のHTMLはiFrameに表示され、画像、フォント、ビデオ、インタラクティブ要素などの豊富なコンテンツを含む場合があり、メッセージの外観と機能を完全に制御できます。これらは HTML 内から Braze Web SDK のメソッドを呼び出すための JavaScript brazeBridge インターフェースをサポートしています。詳細については、ベストプラクティスをご覧ください。
Web SDK を使用して HTML アプリ内メッセージを有効にするには、Braze allowUserSuppliedJavascript に初期化オプション (例:) を指定する必要があります。braze.initialize('YOUR-API_KEY', {allowUserSuppliedJavascript: true})これはセキュリティ上の理由からです。HTML アプリ内メッセージは JavaScript を実行できるため、サイト管理者に有効にしてもらう必要があります。
次の例は、ページ分割された HTML アプリ内メッセージを示しています。
統合
デフォルトでは、アプリ内メッセージは推奨される 統合手順 の一部として自動的に表示されます。このガイドの手順に従うと、さらにカスタマイズできます。
GitHub でこのページを編集