ドラッグ＆ドロップでアプリ内メッセージを作成する
ドラッグ＆ドロップエディターを使用すると、CampaignsまたはCanvasesのいずれかで、ドラッグ＆ドロップの編集体験を使って完全にカスタムでパーソナライズされたアプリ内メッセージを作成できます。エディターで使用できるビルディングブロックの詳細については、エディターブロックを参照してください。
既存のカスタム HTML テンプレートやサードパーティが作成したテンプレートを使用する場合は、ドラッグ＆ドロップエディターで再作成する必要があります。
アプリ内メッセージをCampaignで送信するか Canvas で送信するか迷っていますか？Campaignsは単一のターゲットメッセージングに適しており、Canvasesはマルチステップのユーザージャーニーに適しています。メッセージの作成場所を選択したら、ドラッグ＆ドロップのアプリ内メッセージを作成する手順を見ていきましょう。
前提条件
SDKの要件
| 最小SDKバージョン | 推奨SDKバージョン |
|---|---|
最小SDKの詳細情報
ドラッグ＆ドロップエディターで作成されたメッセージは、最小SDKバージョン（上記の表を参照）のユーザーにのみ送信できます。ユーザーがアプリケーションを更新していない場合（つまり、古いSDKバージョンを使用している場合）、アプリ内メッセージは受信されません。
ドラッグ＆ドロップエディターで利用可能なすべての機能を活用するには、SDKを推奨SDKバージョンに更新してください。これにより、以下の追加機能を利用できます。
- メッセージを閉じないテキストリンク
- プッシュプライマーをリクエストするボタンアクション
以下は、これらの機能の個別の最小SDK要件です。
| テキストリンク* | プッシュプライマーのリクエスト |
|---|---|
*アプリ内メッセージにURLにリダイレクトするリンクを含め、エンドユーザーが指定された最小SDKバージョンを使用していない場合、リンクを選択するとメッセージが閉じられ、ユーザーはフォームを送信するためにメッセージに戻ることができません。
その他の前提条件
- Web SDKの場合、初期化オプション
allowUserSuppliedJavascriptをtrueに設定する必要があります。enableHtmlInAppMessagesオプションもこれらのメッセージを機能させますが、非推奨であり、allowUserSuppliedJavascriptに更新する必要があります。 - Google Tag Managerを使用している場合は、GTM設定で「Allow HTML In-App Messages」を有効にする必要があります。
ステップ 1: アプリ内メッセージを作成する
新しいアプリ内メッセージまたはキャンバスステップを作成し、編集体験としてドラッグ＆ドロップエディターを選択します。
ステップ 2: テンプレートを選択する
ドラッグ＆ドロップエディターを編集体験として選択した後、以下を選択できます。
- 空白のモーダルテンプレートから開始する
- Brazeのドラッグ＆ドロップアプリ内メッセージテンプレートを使用する
- 保存済みのドラッグ＆ドロップアプリ内メッセージテンプレートを選択する
メッセージを作成を選択して、ドラッグ＆ドロップエディターでアプリ内メッセージのデザインを開始します。
ダッシュボードのテンプレートセクションからすべてのテンプレートにアクセスすることもできます。
ステップ 3: 追加ページを追加する（オプション）
アプリ内メッセージにページを追加すると、オンボーディングフローやウェルカムジャーニーのようなシーケンシャルフローでユーザーをガイドできます。ページは作成タブのページセクションから管理できます。
アプリ内メッセージはデフォルトで1ページから始まります。新しいページを追加するには：
- + ページを追加を選択します。
- カスタムテンプレートまたはBraze提供のテンプレートのリストから選択します。
- ページにわかりやすい名前を付けます。これはページ同士を接続する際に役立ちます。
アプリ内メッセージごとに最大10ページまで追加できます。
既存のページを複製するには：
- リスト内のページにカーソルを合わせ、を選択してその他のオプションを開きます。
- 複製を選択します。
- ページにわかりやすい名前を付けます。これはページ同士を接続する際に役立ちます。
ページを削除または名前変更するには：
- リスト内のページにカーソルを合わせ、を選択してその他のオプションを開きます。
- 名前変更または削除を選択します。
ステップ 3a: ページを接続する
マルチページのアプリ内メッセージはシーケンシャルです。つまり、ユーザーはタップまたはクリックしてフロー内の次のページに移動することでメッセージを操作します。
ページを接続するには：
- 開始ページを選択します。
- キャンバス内のボタンまたは画像要素を選択します。
- クリック時の動作をページに移動に設定します。
- 開始ページからリンクしたいページを選択します。
- すべてのページがリンクされるまで続けます。
ページが他のページにリンクされていない場合、メッセージを起動できません。
ユーザーはいつでも閉じるXボタンを選択してメッセージを終了できます。このボタンは削除できません。
ステップ 4: アプリ内メッセージを構築・デザインする
ここでは、ブランド独自のスタイルでメッセージを仕上げます。エディターブロックとスタイル設定を組み合わせて、アプリ内メッセージをカスタマイズおよびデザインできます。
- 利用可能なエディターブロックとそのプロパティの一覧については、エディターブロックを参照してください。
- メッセージの外観と操作感のカスタマイズについては、スタイル設定をご確認ください。
- 右から左へのメッセージ作成のベストプラクティスについては、右から左へのメッセージの作成を参照してください。
ステップ 5: アプリ内メッセージをテストする
プレビューとテストセクションでは、さまざまなデバイスでアプリ内メッセージをプレビューし、デバイスにテストメッセージを送信できます。ここで、ドラッグ＆ドロップのアプリ内メッセージCampaignのすべてのプラットフォームで詳細が揃っていることを確認できます。
Campaignsを送信する前に、アプリ内メッセージを必ずテストすることが重要です。これにより、ユーザーの視点から最終的なメッセージがどのように見えるかを確認できます。
ユーザーとしてメッセージをプレビューする
コンテンツテストグループまたは個別のユーザーにテストを送信するには、送信前にテストデバイスでプッシュが有効になっている必要があります。
プレビューとテストタブから、ユーザーとしてメッセージをプレビューできます。特定のユーザー、ランダムなユーザーを選択するか、カスタムユーザーを作成できます。
- ランダムユーザー： Brazeがデータベースからランダムにユーザーを選択し、そのユーザーの属性やイベント情報に基づいてアプリ内メッセージをプレビューします。
- ユーザーを選択： メールアドレスまたは
external_idに基づいて特定のユーザーを選択できます。アプリ内メッセージは、そのユーザーの属性とイベント情報に基づいてプレビューされます。 - カスタムユーザー： ユーザーをカスタマイズできます。Brazeは利用可能なすべての属性とイベントの入力欄を提供します。プレビューメールで確認したい情報を入力してください。
テストチェックリスト
アプリ内メッセージをテストする際に、以下の質問を検討してください。
- さまざまなデバイスでメッセージをテストしましたか？
- 画像やメディアは期待どおりに表示され、動作していますか？
- Liquidは期待どおりに機能していますか？Liquidが情報を返さない場合のデフォルト属性値を考慮しましたか？
- コピーは明確で、簡潔で、正確ですか？
- ボタンはユーザーを正しい場所に誘導していますか？
よくある質問
分析ページにボディクリックが表示されないのはなぜですか？
ドラッグ＆ドロップエディターで作成されたアプリ内メッセージでは、ボディクリックは自動的に収集されません。詳細については、iOSおよびAndroidのSDK変更ログを参照してください。
ボタンクリックに基づいてセグメンテーションできますか？
はい、メッセージ内の最大2つのボタンのボタンクリックに基づいてセグメンテーションできます。これを行うには、ボタンのレポート用識別子を「0」と「1」に設定します。これはそれぞれ、セグメンテーションフィルター「アプリ内メッセージボタン1をクリック」と「アプリ内メッセージボタン2をクリック」に対応します。
カスタムHTMLやJavaScriptを使用してアプリ内メッセージをカスタマイズしたり、既存のHTMLメッセージをエディターに移行したりできますか？
既存のHTMLメッセージをエディターに直接移行することはできませんが、カスタムコードブロックに生のHTML、CSS、JavaScriptを挿入できます。カスタムコードブロックを使用して、サードパーティの動画や、コネクテッドコンテンツや条件文などの高度なLiquidを埋め込むことができます。
スライドアップのアプリ内メッセージを作成するにはどうすればよいですか？
現在、エディターはモーダルとフルスクリーンメッセージのみに対応しています。メッセージスタイルパネルのメッセージコンテナセクションで表示タイプを切り替えることができます。
CampaignまたはCanvas内で作成したアプリ内メッセージをテンプレートとして保存できますか？
はい。今後のCampaignまたはキャンバスステップで再利用したいアプリ内メッセージは、エディターを終了した後に表示されるテンプレートとして保存ボタンを使用して、カスタムテンプレートとして保存できます。テンプレートとして保存する前に、まずCampaignを起動するか、下書きとして保存する必要があります。
テンプレート > アプリ内メッセージテンプレートに移動して、アプリ内メッセージテンプレートを作成および保存することもできます。