ドラッグアンドドロップでアプリ内メッセージを作成する

ドラッグ＆ドロップエディタを使用すると、キャンペーンやキャンバスのいずれかでドラッグ＆ドロップ編集体験を使用して、完全にカスタムおよびパーソナライズされたアプリ内メッセージを作成できます。

既存のカスタムHTMLテンプレートやサードパーティが作成したテンプレートを使用したい場合は、ドラッグアンドドロップエディタで再作成する必要があります。

アプリ内メッセージはキャンペーンを使用して送信するべきかキャンバスを使用するべきか分からない場合は？キャンペーンは単一のシンプルなメッセージングキャンペーンに適していますが、キャンバスはマルチステップのユーザーのジャーニーに適しています。メッセージを作成する場所を選択したら、次のステップに進み、ドラッグ＆ドロップでアプリ内メッセージを作成します。

前提条件

SDK の要件

最小SDKバージョン	推奨SDKバージョン
iOS Swift: 5.0.0+     Web: 2.5.0+     Android: 8.0.0+	iOS Swift: 6.5.0+     Web: 4.8.1+     Android: 26.0.0+

最小 SDK に関する詳細情報

ドラッグアンドドロップエディタを使用して作成されたメッセージは、最小SDKバージョンのユーザーにのみ送信できます（上記の表を参照）。ユーザーがアプリケーションを更新していない場合（つまり、古いSDKバージョンを使用している場合）、アプリ内メッセージを受信しません。

ドラッグアンドドロップエディタで利用可能なすべての機能を活用するには、SDKを推奨されるSDKバージョンに更新してください。これにより、次の追加機能を利用できます:

• メッセージを閉じないテキストリンク
• プッシュプライマーを要求するためのボタンアクション

以下に、これらの機能に関する個々の最小 SDK 要件の概要を示します。

テキストリンク*	プッシュプライマーのリクエスト
iOS Swift: 6.2.0+     Android: 26.0.0+	iOS Swift: 6.5.0+     Web: 4.8.1+     Android: 26.0.0+

*アプリ内メッセージにURLへリダイレクトするリンクが含まれ、エンドユーザーが指定された最小SDKバージョンを使用していない場合、リンクを選択するとメッセージが閉じ、ユーザーはフォームを送信するためにメッセージに戻ることができない。

追加の前提条件

• Web SDKの場合、初期化オプションallowUserSuppliedJavascriptをtrueに設定する必要があります。enableHtmlInAppMessagesオプションでもこれらのメッセージを機能させることができますが、非推奨であり、allowUserSuppliedJavascriptに更新する必要があります。
• Google Tag Manager を使用している場合は、GTM の構成で「Allow HTML In-App Messages」を有効にする必要があります。

ステップ1:アプリ内メッセージを作成する

新しいアプリ内メッセージまたはキャンバスステップを作成し、編集体験としてドラッグアンドドロップエディターを選択します。

ステップ 2: テンプレートを選択してください

ドラッグアンドドロップエディタを編集体験として選択した後、次のことができます:

• 空白のモーダルテンプレートから始める
• Brazeのドラッグアンドドロップアプリ内メッセージテンプレートを使用する
• 保存されたドラッグアンドドロップのアプリ内メッセージテンプレートを選択

[メッセージを作成] を選択して、ドラッグ＆ドロップエディターでアプリ内メッセージのデザインを開始します。

ダッシュボードのテンプレートセクションからすべてのテンプレートにアクセスすることもできます。

ステップ 3: 追加のページを追加する（オプション）

アプリ内メッセージにページを追加すると、オンボーディングフローやウェルカムジャーニーのように、ユーザーを順次のフローに案内できます。ページセクションのビルドタブからページを管理できます。

3ページで構成されるヘルスケア企業のアプリ内メッセージ。

• ページの追加
• ページの削除または名前の変更

ステップ 3a: ページを接続する

複数ページのアプリ内メッセージはシーケンシャルです。したがって、ユーザーがアプリをタップするかクリックすると、フロー内の次のページに移動します。

ページを接続するには:

1. 開始ページを選択してください。
2. キャンバス内のボタンまたは画像要素を選択します。
3. クリック時の動作をページに移動に設定します。
4. 開始ページからリンクしたいページを選択します。
5. すべてのページがリンクされるまで続けます。

ページが他のページにリンクされていない場合、メッセージを起動できません。

ステップ 4: アプリ内メッセージを構築および設計する

ここでは、あなたのメッセージをブランドのシグネチャースタイルで演出し、オーディエンスに注目してもらいます。エディターブロックとスタイル設定の組み合わせで、アプリ内メッセージをカスタマイズしてデザインできる。

• 利用可能なエディターブロックとそのプロパティのリストについては、エディターブロックを参照してください。
• メッセージの外観と感触をカスタマイズするためのヘルプについては、スタイル設定をチェックしてください。

ステップ 5: アプリ内メッセージをテストする

プレビュー & テストセクションでは、さまざまなデバイスでアプリ内メッセージをプレビューし、テストメッセージをデバイスに送信できます。ここでは、ドラッグアンドドロップのアプリ内メッセージキャンペーンの詳細がすべてのプラットフォームで一致していることを確認できます。

キャンペーンを送る前に必ずアプリ内メッセージをテストし、ユーザー目線で最終的なメッセージがどのように見えるかをイメージすることが重要だ。

ユーザーとしてメッセージをプレビュー

プレビュー & テスト タブからメッセージをプレビューすることができ、ユーザーのように表示されます。特定のユーザー、ランダムなユーザー、またはカスタムユーザーを選択できます。

• ランダムユーザー:Brazeはデータベースからユーザーをランダムに選択し、属性やイベント情報に基づいてアプリ内メッセージをプレビューします。
• ユーザーの選択:メールアドレスやexternal_id に基づいて特定のユーザーを選択することができる。アプリ内メッセージは、そのユーザーの属性とイベント情報に基づいてプレビューされます。
• カスタムユーザー:ユーザーをカスタマイズできます。Brazeは、利用可能なすべての属性とイベントの入力を提供します。プレビューメールに表示したい情報を入力する。

テストチェックリスト

アプリ内メッセージをテストする際に、以下の質問を考えてみよう：

• メッセージをさまざまなデバイスでテストしましたか?
• 画像やメディアは期待通りに表示され、機能しているか？
• 液体は期待通りに機能しますか？Liquidが情報を返さない場合に、デフォルト属性値を考慮しましたか？
• あなたのコピーは明確で簡潔で正しいですか？
• ボタンはユーザーを行くべき場所に誘導していますか？

よくある質問

本文クリック数がアプリの分析画面に表示されないのはなぜですか?

ドラッグアンドドロップエディタで作成されたアプリ内メッセージのボディクリックは自動的に収集されません。詳細については、iOSおよびAndroidのSDK変更ログを参照してください。

ボタンクリックに基づいてSegmentできますか？

はい、メッセージ内のボタンクリックに基づいて、最大2つのボタンをセグメント化できます。そのためには、ボタンのレポート用識別子を「0」と「1」に設定します。これにより、それぞれ「アプリ内メッセージボタン1をクリックした」と「アプリ内メッセージボタン2をクリックした」というセグメンテーションフィルターに対応します。

カスタムHTMLやJavaScriptを使用してアプリ内メッセージをカスタマイズしたり、既存のHTMLメッセージをエディタに転送したりできますか？

既存のHTMLメッセージをエディターに直接転送することはできませんが、カスタムコードブロックに生のHTML、CSS、およびJavaScriptを挿入することができます。カスタムコードブロックを使用して、サードパーティのビデオや高度なLiquid（コネクテッドコンテンツや条件文など）を埋め込むことができます。

スライドアップアプリ内メッセージを作成するにはどうすればよいですか？

現在、エディターはモーダルおよび全画面メッセージのみに制限されています。メッセージコンテナセクションのメッセージスタイルパネルで表示タイプを切り替えることができます。

キャンペーンまたはキャンバス内で作成した後、アプリ内メッセージをテンプレートとして保存できますか?

そうです。将来のキャンペーンやキャンバスステップで再利用したいアプリ内メッセージがある場合は、エディタを終了した後に利用可能なテンプレートとして保存ボタンを使用してカスタムテンプレートとして保存できます。テンプレートとして保存する前に、まずキャンペーンを開始するか、下書きとして保存する必要があります。

テンプレート > アプリ内メッセージテンプレート に移動して、アプリ内メッセージテンプレートを作成および保存することもできます。