Skip to content

バナーを作成する

Brazeでキャンペーンやキャンバスを作成する際のバナーの作り方を学びましょう。一般的な情報については、バナーについてを参照してください。

前提条件

バナーを配信する前に、開発チームがアプリやWeb サイトにプレースメントを設定する必要があります。バナーキャンペーンの下書き作成は引き続き行えますが、プレースメントの設定が完了するまでキャンペーンを開始することはできません。

バナーメッセージを作成する

ステップ 1: Braze での配置の作成

まだ作成していない場合は、アプリまたはサイトでバナーを表示できる場所を定義するために使用するバナーの配置をBrazeで作成する必要があります。配置を作成するには、Settings > Banners Placementsに移動し、配置の作成を選択します。

配置ID を作成するためのバナー配置セクション。

配置に名前を付け、配置ID を割り当てます。ID はカードのライフサイクル全体で使用されるため、後で変更しないでください。ID を割り当てる前に、他のチームに相談してください。詳細については、配置IDを参照してください。

バナーを指定する配置の詳細は、バネ販売促進キャンペーンsの左側のサイドバーに表示されます。

ステップ 2:メッセージを作成する場所を選択する

メッセージはキャンペーンとキャンバスのどちらで配信すべきでしょうか。キャンペーンは単一のターゲットを絞ったメッセージングキャンペーンに適しています。一方、キャンバスは複数ステップのユーザージャーニーに適しています。

  1. [メッセージング] > [キャンペーン] の順に進み、[キャンペーンを作成] を選択します。
  2. [バナー] を選択します。
  3. キャンペーンに、明確で意味のある名前を付けます。
  4. 必要に応じてチームやタグを追加します。タグを使用すると、キャンペーンを検索してレポートを作成しやすくなります。たとえばレポートビルダーを使用する場合、関連するタグでフィルタリングできます。
  5. 以前に作成したプレースメントを選択して、キャンペーンに関連付けます。
  6. 必要に応じてバリアントを追加します。それぞれ異なるメッセージタイプとレイアウトを選択できます。バリアントの詳細については、多変量テストとAB テストを参照してください。
  7. バナーキャンペーンの開始日時を選択します。デフォルトでは、バナーは無期限に存続します。これを変更するには、[終了時刻] を選択し、終了日時を指定します。
  1. キャンバス作成ツールを使用してキャンバスを作成します。
  2. キャンバスを設定したら、キャンバスビルダーでメッセージステップを追加します。ステップに、明確で意味のある名前を付けます。
  3. メッセージングチャネルとして [バナー] を選択します。
  4. バナーのプレースメントを選択します。
  5. バナーの優先度を設定します。バナー優先度により、複数のバナーが同じプレースメントを共有する場合に表示される順序が決まります。
  6. バナーの有効期限を設定します。これは、そのステップが利用可能になってから一定期間後、あるいは特定の日時に設定できます。

ステップ 3:バナーを作成する

バナーを作成するには、以下の方法があります。

  • 白紙のテンプレートから始める
  • Brazeバナーテンプレートを使用する
  • 保存したバナーテンプレートを選択する

空白のバナーまたはテンプレートを選択するオプション。

ステップ 3.1:バナーのスタイル設定

ブロックと行をキャンバス領域にドラッグ＆ドロップして、メッセージの作成を開始できます。

メッセージのバックグラウンドプロパティ、ボーダー設定などをカスタマイズするには、[スタイル] を選択します。特定のブロックまたは行のスタイルのみをカスタマイズする場合は、それを選択して変更します。

バナー作成画面の [スタイル] パネル。

ステップ 3.2:クリック時の動作を定義する（オプション）

ユーザーがバナー内のリンクをクリックしたときに、アプリのさらに内部へ誘導するか、別のWebページにリダイレクトするかを選択できます。さらに、カスタム属性やイベントをログに記録することも可能です。これにより、ユーザーがバナーをクリックした際に、カスタムデータでユーザーのプロファイルが更新されます。

ステップ 3.3:カスタムプロパティを追加する（オプション）

バナーにカスタムプロパティを追加して、文字列やJSONオブジェクトなどの構造化されたメタデータを添付できます。これらのプロパティはバナーの表示方法には影響しませんが、Braze SDKを通じてアクセスでき、アプリの動作や外観を変更するために利用できます。たとえば、次のようなことができます。

  • サードパーティの分析ツールや統合サービス向けにメタデータを送信する。
  • timestampやJSONオブジェクトなどのメタデータを使って条件分岐ロジックをトリガーする。
  • ratioやformatなどのメタデータに基づいてバナーの動作をコントロールする。

カスタムプロパティを追加するには、[設定] > [プロパティ] > [プロパティを追加] を選択します。

バナーキャンペーンに最初のカスタムプロパティを追加するオプションを表示するプロパティページ。

追加したい各プロパティについて、以下の項目を記入します。

完了したら、[完了] を選択します。

キーがcolorで値が#FF0000の文字列プロパティが表示されたプロパティページ。

ステップ 4:キャンペーンまたはキャンバスの残りの部分を作成する

バナー優先度の設定（オプション）

バナー優先度により、複数のバナーが同じプレースメントを共有する場合に表示される順序が決まります。優先度を手動で設定するには、次のようにします。

  1. [正確な優先度を設定] を選択します。
  2. キャンペーンをドラッグ＆ドロップして、正しい優先順位で並べ替えます。
  3. [並べ替えを適用] を選択します。

オーディエンスを選択する

  1. [ターゲットオーディエンス] で、セグメントやフィルターを選択してオーディエンスを絞り込みます。おおよそのセグメント人口のプレビューが自動的に表示されます。正確なセグメントメンバーシップは、メッセージが送信される前に計算されます。
  1. [コンバージョンの割り当て] で、コンバージョンイベントを定義して、キャンペーン受信後にユーザーが特定のアクションを実行する頻度を追跡します。アクションをコンバージョンとしてカウントする最大30日間の時間枠を設定できます。

コンバージョンイベントを選択する

Brazeでは、キャンペーン受信後にユーザーが特定のアクションを実行する頻度であるコンバージョンイベントを追跡できます。ユーザーが指定されたアクションを取った場合にコンバージョンがカウントされる最大30日間の時間枠を設定できます。

キャンバスコンポーネントが完成していない場合は、残りのセクションを完成させてください。キャンバスの残りの部分の構築方法、多変量テストやインテリジェントセレクションの実装などの詳細については、キャンバスドキュメントのキャンバスの構築ステップを参照してください。

ステップ 5:メッセージをテストする（オプション）

プレビューを選択してバナーをプレビューするか、テストメッセージを送信する。

バナー作成ツールのプレビュータブ。

ハードウェアの違いにより、プレビューはユーザーの端末で表示される最終的なレンダリングと同一ではない可能性があることを覚えておいてほしい。

テストメッセージを送信するには、テスト受信者としてコンテンツテストグループか、1人以上の個別ユーザーを追加し、その後「テスト送信」を選択する。テストメッセージは端末上で最大5分間表示できる。次に「プレビューリンクをコピー」を選択すると、ランダムなユーザーに表示されるバナーの見た目を示す共有可能なプレビューリンクが生成され、コピーできる。リンクは7日間有効であり、それ以降は再生成が必要になります。

バナー作成ツールのプレビュータブ。

テストバナーを確認する際、以下の点を確認せよ：

  • バナー広告キャンペーンは配置先に割り当てられているか？
  • 画像やメディアは、対象のデバイス種別や画面サイズで期待通りに表示され、動作するか？
  • リンクやボタンは、ユーザーを正しい場所へ誘導しているか？
  • 液体は期待通りに機能しますか？Liquidが情報を返さない場合に、デフォルト属性値を考慮しましたか？
  • あなたのコピーは明確で簡潔で正しいですか？

ステップ 6:確認してデプロイする

キャンペーンやキャンバスの作成が完了したら、詳細を確認し、テストしてから、準備が整ったら送信しましょう。
New Stuff!