バナーを作成
BrazeでCampaignやCanvasを構築する際にバナーを作成する方法を説明します。一般的な情報については、バナーについてを参照してください。
前提条件
バナーを起動する前に、開発チームがアプリまたはWebサイトにプレースメントを設定する必要があります。その間にバナーCampaignの下書きを作成することはできますが、プレースメントが設定されるまでCampaignを起動することはできません。
バナーメッセージを作成する
ステップ 1: Braze での配置の作成
まだ作成していない場合は、アプリまたはサイトでバナーを表示できる場所を定義するために使用するバナーの配置をBrazeで作成する必要があります。配置を作成するには、Settings > Banners Placementsに移動し、配置の作成を選択します。
配置に名前を付け、配置ID を割り当てます。ID はカードのライフサイクル全体で使用されるため、後で変更しないでください。ID を割り当てる前に、他のチームに相談してください。詳細については、配置IDを参照してください。
ステップ2: メッセージの作成場所を選択する
メッセージをCampaignとCanvasのどちらで送信すべきかわからない場合は、Campaignは単一のターゲットメッセージングCampaignに適しており、Canvasはマルチステップのユーザージャーニーに適しています。
- Messaging > Campaigns に移動し、Create Campaign を選択します。
- Banner を選択します。
- Campaignにわかりやすく意味のある名前を付けます。
- 必要に応じてチームとタグを追加します。タグを使用すると、Campaignを見つけやすくなり、レポートを作成しやすくなります。たとえば、レポートビルダーを使用する際に、関連するタグでフィルタリングできます。
- 以前に作成したプレースメントを選択して、Campaignに関連付けます。
- 必要に応じてバリアントを追加します。各バリアントに異なるメッセージタイプとレイアウトを選択できます。バリアントの詳細については、多変量テストとABテストを参照してください。
- バナーCampaignの開始日時を選択します。デフォルトでは、バナーは無期限に継続します。End Time を選択して終了日時を指定することで、これを変更できます。
Campaign内のすべてのメッセージが類似している、または同じコンテンツを持つ場合は、追加のバリアントを追加する前にメッセージを作成してください。その後、Add Variant ドロップダウンから Copy from Variant を選択できます。
ステップ3: バナーを作成する
バナーを作成するには、以下のいずれかを選択できます。
- 空白のテンプレートから開始する
- Brazeバナーテンプレートを使用する
- 保存済みのバナーテンプレートを選択する
ステップ3.1: バナーのスタイルを設定する
ブロックと行をキャンバスエリアにドラッグ＆ドロップして、メッセージの作成を開始できます。
メッセージのバックグラウンドプロパティ、ボーダー設定などをカスタマイズするには、Styles を選択します。特定のブロックまたは行のスタイルのみをカスタマイズしたい場合は、それを選択して変更を加えます。
ステップ3.2: クリック時の動作を定義する（オプション）
ユーザーがバナー内のリンクをクリックした際に、アプリ内のより深い場所に移動させるか、別のWebページにリダイレクトさせるかを選択できます。さらに、カスタム属性またはイベントを記録することを選択でき、ユーザーがバナーをクリックした際にカスタムデータでユーザーのプロファイルを更新します。
特定の要素（バナーのボタン、リンク、画像など）に独自のクリック時の動作がある場合、クリック時の動作はオーバーライドされることがあります。たとえば、以下のクリック時の動作がある場合：
- バナーにはWebサイトのホームページにリダイレクトするクリック時の動作があります。
- バナー内の画像にはWebサイトの製品ページにリダイレクトするクリック時の動作があります。
ステップ3.3: 非表示の動作を設定する（オプション）
バナーの非表示機能は現在、早期アクセス段階です。早期アクセスへの参加に興味がある場合は、カスタマーサクセスマネージャーにお問い合わせください。
Banner can be dismissed チェックボックスを選択すると、ユーザーがバナーを非表示にできるようになります。このオプションは、すべてのアプリユーザーに期間限定セールを宣伝したいが、興味がない場合はメッセージを非表示にできるようにしたいシナリオで役立ちます。
ステップ3.4: カスタムプロパティを追加する（オプション）
バナーにカスタムプロパティを追加して、文字列やJSONオブジェクトなどの構造化メタデータを添付できます。これらのプロパティはバナーの表示方法には影響しませんが、Braze SDKを通じてアクセスして、アプリの動作や外観を変更できます。たとえば、以下のことが可能です。
- サードパーティの分析や統合のためにメタデータを送信する。
timestampやJSONオブジェクトなどのメタデータを使用して条件付きロジックをトリガーする。ratioやformatなどの含まれるメタデータに基づいてバナーの動作を制御する。
カスタムプロパティを追加するには、Settings > Properties > Add property を選択します。
追加したいプロパティごとに、以下の項目を入力します。
| フィールド | 説明 | 例 |
|---|---|---|
| プロパティタイプ | プロパティのデータタイプ。サポートされるタイプには、文字列、ブール値、数値、タイムスタンプ、画像URL、JSONオブジェクトがあります。 | 文字列 |
| プロパティキー | プロパティの一意の識別子。このキーはSDKでプロパティにアクセスするために使用されます。 | color |
| 値 | プロパティに割り当てられた値。選択したプロパティタイプと一致する必要があります。 | #FF0000 |
完了したら、Done を選択します。
ステップ4: CampaignまたはCanvasの残りの部分を構築する
バナーの優先度を設定する（オプション）
バナーの優先度は、同じプレースメントを共有するバナーの表示順序を決定します。優先度を手動で設定するには：
- 正確な優先度を設定を選択します。
- Campaignをドラッグ＆ドロップして正しい優先度に並べ替えます。
- Apply Sort を選択します。
同じプレースメントIDを使用する複数のバナーCampaignがある場合は、ドラッグ＆ドロップの優先度ソーターを使用して正確な優先度を定義することをお勧めします。
オーディエンスを選択する
- Target Audiences で、Segmentまたはフィルターを選択してオーディエンスを絞り込みます。おおよそのSegment人口のプレビューが自動的に表示されます。正確なSegmentメンバーシップは、メッセージが送信される前に計算されます。
メッセージは、ターゲットオーディエンスステップで設定した条件に既に合致しているユーザーにのみ送信される。その後も、スケジュール配信ステップで定義したトリガーを満たす必要がある。オーディエンスを待合室だと思え。次のアクションが起こった時、先に進めるのは既に中にいる者だけだ。
- Assign Conversions で、コンバージョンイベントを定義して、Campaignを受信した後にユーザーが特定のアクションを実行する頻度を追跡します。アクションをコンバージョンとしてカウントするための最大30日間の時間枠を設定できます。
コンバージョンイベントを選択する
Brazeでは、Campaignを受信した後にユーザーが特定のアクションを実行する頻度であるコンバージョンイベントを追跡できます。ユーザーが指定されたアクションを実行した場合にコンバージョンとしてカウントされる最大30日間の時間枠を設定するオプションがあります。
まだ完了していない場合は、Canvasコンポーネントの残りのセクションを完了してください。Canvasの残りの部分の構築方法、多変量テストやインテリジェントセレクションの実装などの詳細については、CanvasドキュメントのCanvasを構築するステップを参照してください。
ステップ5: メッセージをテストする（オプション）
プレビューを選択して、バナーをプレビューするか、テストメッセージを送信します。
ハードウェアの違いにより、プレビューはユーザーのデバイスでの最終的なレンダリングと同一ではない場合があることにご注意ください。
テストメッセージを送信するには、テスト受信者としてコンテンツテストグループまたは1人以上の個別ユーザーを追加し、テスト送信を選択します。テストメッセージはデバイス上で最大5分間表示できます。次にプレビューリンクをコピーを選択すると、ランダムなユーザーに対してバナーがどのように表示されるかを確認できる共有可能なプレビューリンクが生成され、コピーされます。リンクは7日間有効で、それ以降は再生成が必要です。
テストバナーを確認する際は、以下の点を検証してください。
- バナーCampaignはプレースメントに割り当てられていますか？
- 画像やメディアは、ターゲットのデバイスタイプや画面サイズで期待どおりに表示され、動作しますか？
- リンクやボタンは、ユーザーを正しい場所に誘導していますか？
- Liquidは期待どおりに機能していますか？Liquidが情報を返さない場合に備えて、デフォルトの属性値を設定していますか？
- コピーは明確で簡潔かつ正確ですか？
詳細については、テストメッセージの送信を参照してください。
ステップ6: 確認してデプロイする
CampaignまたはCanvasの構築が完了したら、詳細を確認し、テストを行い、準備ができたら送信します。