カスタムHTMLでメールを作成する
メールメッセージは、ユーザーにコンテンツを配信するのに適している。また、アプリをアンインストールしたユーザーを再度エンゲージするための優れたツールでもある。カスタマイズされたEメールメッセージを送信することで、ユーザーのエクスペリエンスを向上させ、アプリの価値を最大限に引き出すことができる。
Eメールキャンペーンの事例をご覧になりたい方は、ケーススタディをご覧ください。
初めてメールキャンペーンを作成する場合は、以下のBraze Learningのコースをチェックすることを強くお勧めする:
ステップ 1:メッセージを作成する場所を選択する
メッセージは、キャンペーンとキャンバスのどちらを使用して配信すべきでしょうか。キャンペーンは単一のシンプルなメッセージングキャンペーンに適していますが、キャンバスはマルチステップのユーザーのジャーニーに適しています。
ステップ:
- Messaging>Campaignsに進み、+ Create Campaignをクリックする。
古いナビゲーションを使用している場合は、[エンゲージメント] の下に [キャンペーン] が表示されます。
2.Eメール」を選択するか、複数のチャネルを対象とするキャンペーンの場合は「マルチチャネルキャンペーン」を選択する。 3.キャンペーンに、明確で意味のある名前を付けます。 4.必要に応じて、[チーム] と [タグ] を追加します。
- タグを使用すると、キャンペーンを検索してレポートを作成しやすくなります。例えば、[レポートビルダー] を使用する場合、特定のタグでフィルターできます。
- キャンペーンに必要な数だけバリアントを追加して名前を付けます。このトピックの詳細については、「多変量テストと AB テスト」を参照してください。
キャンペーン内のすべてのメッセージが類似しているか、同じ内容になる場合は、メッセージを作成してからバリアントを追加します。その後、[バリアントを追加] ドロップダウンから [バリアントをコピー] を選択できます。
ステップ:
- キャンバス作成ツールを使用して [キャンバスを作成] します。
- キャンバスを設定したら、キャンバスビルダーにステップを追加します。ステップに、明確で意味のある名前を付けます。
- [ステップスケジュール] を選択し、必要に応じて遅延を指定します。
- このステップでは、必要に応じて聴衆をフィルタリングする。セグメントを指定し、フィルターを追加して、このステップの受信者をさらに絞り込むことができます。視聴者オプションは、遅延の後、メッセージが送信された時点でチェックされる。
- [昇進動作] を選択します。
- メッセージと組み合わせたい他のメッセージング・チャンネルを選択する。
ステップ 2:編集経験を選択してください
Brazeでは、メールキャンペーンを作成する際に、ドラッグ&ドロップエディターと標準のHTMLエディターの2種類の編集機能を提供している。適切なタイルをクリックし、好みの編集エクスペリエンスを選択する。
次に、既存の[Eメールテンプレート]10]、[ファイルからテンプレートをアップロード]18 (HTMLエディタのみ)]、または空白のテンプレートを使用することができる。
1つのメールキャンペーンにつき1つの編集経験を選択することをお勧めする。例えば、1つのメールキャンペーンで、エディターを切り替えるのではなく、HTMLクラシックエディターかブロックエディターのどちらかを選択する。
ステップ 3:メールを作成します。
テンプレートを選択すると、メールの概要が表示され、直接フルスクリーンエディターにジャンプして、メールの下書き、送信情報の変更、配信可能性や法令遵守に関する警告を見ることができる。
ほとんどの受信トレイはJavaScriptをサポートしていないため、正確なプレビューでメールに動きを加えるには、JavaScriptを必要とする要素の代わりにGIFを使用する。
Brazeは、属性として参照されているHTMLイベントハンドラを自動的に削除する。これによりHTMLが変更されるので、完了後にメールを再チェックすることをお勧めする。HTMLハンドラについてもっと知る。
素晴らしいコピーの作成にお困りですか?AIコピーライティング・アシスタントを使ってみよう。商品名や説明を入力すると、AIが人間のようなマーケティングコピーを生成し、メッセージングに使用する。
ステップ3a:送信情報を追加する
メールメッセージのデザインと作成が終わったら、送信設定セクションで送信情報を追加しよう。
- 送信情報]で、[送信元表示名+アドレス]として電子メールを選択する。表示名+住所からカスタマイズを選択してカスタマイズすることもできる。
- 返信先アドレスとして電子メールを選択する。返信先アドレスのカスタマイズを選択してカスタマイズすることもできる。
- 次に、BCCアドレスとして電子メールを選択し、このアドレスにあなたの電子メールが見えるようにする。
- メールに件名をつける。オプションで、プレヘッダーとプレヘッダーの後の空白を追加することもできる。
右側のパネルにプレビューが表示され、追加した送信情報が表示される。この情報は、「設定」>「メール設定」>「送信設定」で更新することもできる。
上級
送信設定>詳細設定では、インラインCSSをオンにしたり、メールヘッダやメールエキストラにパーソナライズを追加したりできる。
電子メールのヘッダー
メールヘッダーを追加するには、「新しいヘッダーを追加」を選択する。電子メールのヘッダーには、送信される電子メールに関する情報が含まれている。これらのキーと値のペアは通常、送信者、受信者、認証プロトコル、電子メールのルーティング情報についての情報を持っている。Brazeは、メールが受信プロバイダーに正しく配信されるために、RFCで要求される必要なヘッダー情報を自動的に追加する。
Brazeでは、高度なユースケースのために、必要に応じてメールヘッダを追加できる柔軟性がある。Brazeプラットフォームが送信時に上書きする予約フィールドがいくつかある。
以下のキーの使用は避けること:
予約フィールド | ||
---|---|---|
BCC | dkim-署名 | 返信先 |
CC | より | 件名 |
コンテンツ転送エンコーディング | MIME-Version | へ |
コンテンツタイプ | 受信済み | X-SG-イード |
DKIM署名 | 受け取った | x-sg-id |
Eメールの追加
Eメールエクストラでは、他のEメールサービスプロバイダに追加データを送り返すことができる。これは高度なユースケースにのみ適用されるものなので、あなたの会社ですでに設定されている場合にのみ、Eメール・エクストラを使うべきである。
Eメール・エクストラを追加するには、「送信情報」で「新しいエクストラを追加」をクリックする。
追加されるキーと値のペアの合計は1kBを超えてはならない。そうでなければ、メッセージは中断される。
Eメールの余分な値は、CurrentsやSnowflakeには公開されない。追加のメタデータや動的な値をCurrentsやSnowflakeに送りたい場合は、代わりに message_extras
を使う。
ステップ3b:メッセージをプレビューしてテストする
完璧なEメールを作成し終えたら、送信する前にテストする必要がある。
概要画面の下から、「プレビューとテスト」をクリックする。ここで、あなたのメールが顧客の受信箱にどのように表示されるかをプレビューすることができる。ユーザーとしてプレビューを選択すると、ランダムなユーザーとしてメールをプレビューしたり、特定のユーザーを選択したり、カスタムユーザーを作成したりすることができる。これにより、コネクテッド・コンテンツとパーソナライゼーション・コールが正常に機能しているかをテストすることができる。
また、デスクトップ、モバイル、プレーンテキストのビューを切り替えて、異なるコンテクストでメッセージがどのように表示されるかを知ることもできる。
ダークモードユーザーのメールがどのように見えるか興味がある?プレビューとテスト」セクションにある「ダークモードプレビュー」トグルを選択する(ドラッグ&ドロップエディターのみ)。
最終チェックの準備ができたら、テスト送信を選択し、自分自身またはコンテンツテスターのグループにテストメッセージを送信して、さまざまなデバイスやメールクライアントでメールが正しく表示されることを確認しよう。
Eメールに問題があったり、変更を加えたい場合は、Eメールの編集をクリックしてエディターに戻る。
プレビューテキストをサポートする電子メールクライアントは、常に利用可能なすべてのプレビューテキストのスペースを埋めるのに十分な文字を引き込む。しかし、これではプレビュー・テキストが不完全であったり、最適化されていなかったりする。
これを避けるには、メールクライアントが他の邪魔なテキストや文字を封筒の内容に引きずり込まないように、希望のプレビューテキストの後に空白を作ればいい。そのためには、表示させたいプレビュー・テキストの後に、ゼロ幅のノンジョイナー(‌
)とノン・ブリーキング・スペース(
)のチェーンを追加する。
プレヘッダー・セクションのプレビュー・テキストの末尾に追加すると、HTMLエディター用の以下のコードが、あなたが探している空白を追加してくれる:
1
<div style="display: none; max-height: 0px; overflow: hidden;"> ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </div>
ドラッグ・アンド・ドロップ・エディターの場合は、送信設定セクションのプレヘッダーに、<div>
の書式を使わずにゼロ幅のノンジョイナー(‌
)だけを直接追加する。
ステップ3c:電子メールのエラーをチェックする
送信する前に、エディターがあなたのメッセージの問題点を指摘する。以下は、我々のエディターで説明されているエラーのリストである:
- 表示名と ヘッダーが一緒に指定されていない
- 無効なFromアドレスとReply-Toアドレス
- ヘッダーキーの重複
- 液体構文の問題
- 400kbを超えるメール本文(本文は[102kb以下]16]にすることを強く推奨する
- 本文または件名が空白の電子メール
- 配信停止リンクのないメール
- 送信元のメールが許可リストに登録されていない(配信可能性を確保するため、送信は高度に制限される)
ステップ 4:キャンペーンまたはキャンバスの残りの部分を作成する
次に、キャンペーンの残りの部分を構築する!Eメールキャンペーンを構築するための最適なツールの使用方法については、次のセクションを参照してください。
配信スケジュールまたはトリガーを選択する
メールは、スケジュールされた時間、アクション、またはAPIトリガーに基づいて配信することができる。詳しくは、キャンペーンのスケジューリングを参照のこと。
APIトリガーキャンペーンの場合、トリガーアクションがInteract With Campaignに設定されている場合、インタラクションとしてReceiveオプションを選択すると、Brazeが選択したキャンペーンを送信済みとマークした時点で、たとえそのメッセージがバウンスしたり、配信に失敗したりしても、新しいキャンペーンがトリガーされる。
また、キャンペーンの期間を設定し、クワイエットアワーを指定し、頻度の上限ルールを設定することもできる。
ターゲットとするユーザーを選択する
次に、セグメントやフィルターを選択することで、ユーザーを絞り込む必要がある。そのセグメント内の何人のユーザーがEメールでリーチ可能かなど、そのセグメントの母集団が現在どのようになっているかのスナップショットが自動的に表示される。正確なセグメントメンバーシップは常にメッセージが送信される直前に計算されることに注意してください。
また、特定の購読ステータスのユーザーにのみキャンペーンを送信することもできる。
オプションで、セグメント内の指定されたユーザー数に配信を制限したり、キャンペーンが再来したときに同じメッセージを2回受け取ることをユーザーに許可することもできる。
Eメールとプッシュによるマルチチャネルキャンペーン
Eメールとプッシュチャネルの両方をターゲットにしたマルチチャネルキャンペーンの場合、明示的にオプトインしているユーザーのみがメッセージを受信するようにキャンペーンを制限したい場合がある(購読または購読解除したユーザーを除く)。例えば、オプトインのステータスが異なる3人のユーザーがいるとする:
- ユーザー A はメールを購読しており、プッシュ通知が有効です。このユーザーはメールを受信しませんが、プッシュ通知は受信します。
- ユーザー B はメールにオプトインしていますが、プッシュ通知を有効にしていません。このユーザーはメールを受信しますが、プッシュ通知は受信しません。
- ユーザー C はメールにオプトインしており、プッシュ通知が有効です。このユーザーはメールとプッシュ通知の両方を受け取ります。
そのためには、「オーディエンス・サマリー」で、このキャンペーンを「オプトインしたユーザーのみ」に送信することを選択する。このオプションは、オプトインしたユーザーだけにメールが届くようにチェックし、Brazeはデフォルトでプッシュが有効になっているユーザーにのみプッシュを送信する。
この構成では、Target Usersステップに、オーディエンスを単一のチャネルに限定するフィルタ(例えば、Push Enabled = True
やEmail Subscription = Opted-In
)を含めない。
コンバージョンイベントを選択する
Braze では、キャンペーンを受信した後、ユーザーが指定のアクションやコンバージョンイベントを実行する頻度を追跡できます。変換イベントとして、以下のいずれかのアクションを指定することができる:
- アプリを開く
- 購入する(これは一般的な購入でも、特定の商品でも構わない)
- 特定のカスタムイベントを実行する
- メールを開く
ユーザーが指定されたアクションを取った場合、コンバージョンがカウントされる最大30日間のウィンドウを許可することができる。Brazeはキャンペーンの開封とクリックを自動的に追跡するが、インテリジェントセレクションを活用するために、ユーザーがメールアドレスを開封またはクリックしたときにコンバージョンイベントを設定したい場合がある。
まだやっていない場合は、キャンバスのコンポーネントの残りのセクションを完成させる。キャンバスの残りの部分の構築方法、多変量テストとインテリジェントセレクションの実装方法などの詳細については、キャンバスドキュメントの「キャンバスを構築する」ステップを参照のこと。
ステップ 5: レビューと展開
最終ページには、あなたがデザインしたキャンペーンの概要が表示される。関連するすべての詳細を確認し、Launch Campaignをクリックして送信できるようにする。
あとはデータが出揃うのを待つだけだ!次に、メール レポート ing をチェックして、メール キャンペーンs の結果にアクセスする方法を確認します。