Skip to content

AMP for email

AMP for emailを使用すると、メールにインタラクティブな要素を追加し、顧客とのコミュニケーションを強化して、ユーザーの受信トレイに直接フル体験を届けることができます。AMPは、アンケート、フィードバック質問票、投票キャンペーン、レビュー、サブスクリプションセンターなど、魅力的なメールコンテンツの構築に役立つさまざまなコンポーネントを活用することでこれを実現します。これらのツールは、エンゲージメント向上とリテンションの機会を提供します。

要件

Brazeは、ユーザーがGoogleに登録したり、必要なセキュリティ要件を満たしたりすることについて責任を負いません。AMP for emailはSparkPostとSendGridでのみ利用可能です。

サポートされているメールクライアント

ユーザーにAMPメールを送信する前に、メールクライアントに登録する必要があります。登録プロセスでは、承認を得るためにテスト用のAMP HTMLメールを送信します。承認にかかる時間はクライアントによって異なります。詳細については、登録リンクをご確認ください。

クライアント 登録リンク
Gmail Google
FairEmail FairEmail
Yahoo Yahoo
Mail.ru Mail.ru

サポートされているメールクライアントの完全なリストについては、AMPドキュメントを参照してください。

Gmailアカウントの有効化

Gmailの設定に移動し、全般タブのダイナミックメールを有効にするを選択します。

「ダイナミックメールを有効にする」チェックボックスが選択されたGmail設定の例。

APIの使用

APIを使用してAMP for emailを利用することもできます。Brazeのメッセージングエンドポイントのいずれかを使用してメールを送信する場合、以下に示すようにオブジェクト仕様としてamp_bodyを追加します。

メールオブジェクト仕様

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
  "app_id": (required, string) see app identifier above,
  "subject": (optional, string),
  "from": (required, valid email address in the format "Display Name <[email protected]>"),
  "reply_to": (optional, valid email address in the format "[email protected]" - defaults to your workspace's default reply to if not set),
  "plaintext_body": (optional, valid plaintext, defaults to autogenerating plaintext from "body" when this is not set),
  "amp_body": (optional, updates the text-amp-html MIME type) the email body in AMP HTML. The MIME (Multipurpose Internet Mail Extensions) type to be referenced is "text/x-amp-html",
  "body": (required unless email_template_id is given, valid HTML),
  "preheader": (optional*, string) Recommended length 50-100 characters,
  "email_template_id": (optional, string) If provided, we will use the subject/body/should_inline_css values from the given email template UNLESS they are specified here, in which case we will override the provided template,
  "message_variation_id": (optional, string) used when providing a campaign_id to specify which message variation this message should be tracked under,
  "extras": (optional, valid key-value hash), extra hash - for SendGrid customers, this will be passed to SendGrid as Unique Arguments,
  "headers": (optional, valid key-value hash), hash of custom extensions headers. Currently, only supported for SendGrid customers,
  "should_inline_css": (optional, boolean), whether to inline CSS on the body. If not provided, falls back to the default CSS inlining value for the workspace,
  "attachments": (optional, array), array of JSON objects like [{"file_name","url"}] that define the files you need attached. Your file name's extension will be detected automatically from the URL, which should return the appropriate `Content-Type` as a response header,
}

AMPメールの作成

まず、コンポーネントを使用してAMPメールを作成します。次に、Braze APIを使用してメッセージを送信し、AMP HTML用のamp_bodyを必ず含めます。

AMP HTMLに加えて、通常のHTML bodyバージョンが必要であり、AMPメールのplaintext_bodyバージョンも推奨されます。すべてのAMPメールはマルチパートで送信されます。つまり、BrazeはHTML、プレーンテキスト、AMP HTMLをサポートするメールを送信します。これは、AMP for emailをまだサポートしていないプロバイダー経由でメールが送信された場合に便利です。メールはユーザーとそのデバイスに基づいて適切なバージョンに自動的にデフォルト設定されます。

以下の追加リソースを参照してください:

コンポーネント

AMP要素を構築する際は、エンジニアリングチームに確認し、デザインリソースや要素を含めて仕上がりの質を高めることをお勧めします。

以下の各要素は、AMPメールの本文に必須です。

これらのコンポーネントを使用して、メール内にダイナミックなレイアウトと動作を作成します。

AMPのコンポーネントを活用して、オーディエンスに合わせたメールを作成しましょう。

AMPコンポーネントの完全なリストについては、AMPドキュメントをご確認ください。

ユースケース

<amp-form>コンポーネントを使用すると、メールの受信トレイを離れることなく完了できるインタラクティブなアンケートを作成できます。これは、<amp-form>を使用してアンケートの回答を送信し、バックエンドでこの集計データを提供することで実現できます。

例:

  • カンファレンスアンケートメール
  • フィード内のアイテムのダイナミックな更新
  • 記事ブックマークメール

このコンポーネントを使用すると、ユーザーはフィールドの値を送信またはクリアできます。また、メールの設定方法に応じて、アンケートの送信が成功したかどうかなどの追加プロンプトをユーザーに表示したり、アンケート結果(投票キャンペーンなど)を表示してユーザーの回答をレンダリングしたりできます。

<amp-accordion>コンポーネントを使用して、コンテンツセクションを展開できます。このコンポーネントを使用すると、折りたたみ可能で展開可能なコンテンツセクションを表示でき、閲覧者がコンテンツの概要を一目で確認し、任意のセクションにジャンプできるようになります。

長い教育記事やパーソナライズ済みのおすすめを送信する場合、閲覧者がコンテンツの概要を一目で確認し、任意のセクションや特定の製品のおすすめにジャンプして詳細を確認できるようになります。これは、セクション内の数文でもスクロールが必要になるモバイルユーザーにとって特に便利です。

小売ブランドのように多くのプロフェッショナルな写真を含むメールを送信する場合、<amp-image-lightbox>コンポーネントを使用すると、ユーザーが気に入った画像を操作できるようになります。ユーザーが画像をクリックすると、このコンポーネントはメッセージの中央に画像を表示し、ライトボックス効果を作成します。

さらに、<amp-image-lightbox>コンポーネントを使用すると、ユーザーは詳細な画像の説明を表示できます。同じコンポーネントを複数の画像に使用できます。たとえば、メールに複数の画像が含まれている場合、ユーザーがいずれかの画像をクリックすると、その画像がライトボックスに表示されます。

主にテキストコピーに依存するメールの場合、<amp-fit-text>コンポーネントを使用すると、指定された領域内のテキストのサイズとフィットを管理できます。

例:

  • テキストを領域に合わせてスケーリング
  • 最大フォントサイズを使用してテキストを領域に合わせてスケーリング(最大フォントサイズを設定可能)
  • コンテンツが領域をオーバーフローした場合にテキストを切り詰め

amp-mustacheの使用

Liquidと同様に、AMPはより高度なユースケース向けのスクリプト言語をサポートしています。このコンポーネントはamp-mustacheと呼ばれます。Mustacheマークアップ言語を含める場合は、Liquidのrawタグで囲む必要があります。LiquidとMustacheは構文スタイルを共有していることに注意してください。

コンテンツをrawタグで囲むと、Brazeの処理エンジンはrawタグ間のコンテンツを無視し、チームが必要とするMustache変数を送信します。

指標と分析

指標 詳細
開封数合計 開封数の合計とは、開封されたメッセージ数の合計です。 AMPメールの場合、これはHTMLバージョンとプレーンテキストバージョンの合計開封数です。
クリック数合計 クリック数の合計は、配信されたメッセージ内のリンクをクリックしたユニークな受信者の数です。 AMPメールの場合、これはHTMLバージョンとプレーンテキストバージョンの合計クリック数です。
AMP開封数 AMP 開封数は AMP HTML メールおよび AMP HTML バージョンのメールの開封総数です。
AMPクリック数 AMP クリック数は、AMP HTML メールのクリック数の合計、HTML、プレーンテキスト、および AMP HTML バージョンのメールの総計です。

テストとトラブルシューティング

AMPメールを送信する前に、以下をお勧めします:

  • これらのGmailガイドラインに従ってテストすること。
  • Gmail AMP for Email Playgroundを使用してAMPマークアップを検証すること。
    • AMPメールでLiquidタグを使用している場合は、Gmail AMP for Email Playgroundに貼り付ける前に、静的なプレースホルダー値に置き換えてください。レンダリングされていないLiquidタグはバリデーションエラーの原因になります。

AMPメールがGmailアカウントに配信されるためには、メールが以下の条件を満たす必要があります:

  • AMP for emailのセキュリティ要件を満たしていること。
  • AMP MIMEパートに有効なAMPドキュメントが含まれていること。
  • メールにHTML MIMEパートの前にAMP MIMEパートが含まれていること。
  • AMP MIMEパートが100 KB未満であること。

合計クリック数とユニーククリック数には、AMPメッセージから発生したクリック(HTMLとプレーンテキストのみ)は含まれないことに注意してください。AMP固有のクリックは amp_click 指標に帰属されます。

これらの条件のいずれもエラーの原因でない場合は、サポートにお問い合わせください。

Gmailの受信トレイでAMPメールをレンダリングするように設定する

以下の手順で、テスト目的でAMPメールをレンダリングするようにGmailの受信トレイを設定できます:

  1. Gmailで、受信トレイの右上にある設定を選択します。
  2. すべての設定を表示を選択します。
  3. 全般タブで、ダイナミックメールセクションに移動し、ダイナミックメールを有効にするチェックボックスが選択されていることを確認します。
  4. 次に、デベロッパー設定を選択し、この送信者からのダイナミックメールを常に許可する:チェックボックスを選択します。
  5. テストメッセージの差出人アドレスと同じドメインを入力します。
  6. 変更を保存します。

これで、テストメールをGmailアカウントに送信でき、AMPメールがGmailでレンダリングされるようになります。

よくある質問

AMPメールでセグメンテーションを使用すべきですか?

さまざまなタイプのユーザーに送信するためにセグメンテーションを使用しないことをお勧めします。これは、AMPメッセージをマルチパートで送信し、元のメールに異なるバージョンが含まれているためです。ユーザーがAMPバージョンを表示できない場合、HTMLにデフォルトで戻ります。

New Stuff!