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