Skip to content

メール用 AMP

メール用AMP を使用すると、メールにインタラクティブな要素を追加し、顧客とのコミュニケーションを向上させ、ユーザーの受信トレイに直接完全な体験を提供できます。AMPは、アンケート、フィードバックアンケート、投票キャンペーン、レビュー、サブスクリプションセンターなど、エキサイティングなメールオファリングの構築に役立つさまざまなコンポーネントを使用することで、これを可能にします。このようなツールは、エンゲージメント向上とリテンションの機会を提供することができます。

要件

Brazeは、Googleで登録するユーザーや必要なセキュリティ要件を満たすことに対して責任を負いません。

必要条件 説明
メール用 AMP がオンになっている AMPはすべてのユーザーで使用できます。
Gmail アカウントの有効化 Gmailアカウントの有効化を参照してください。
Google送信者認証 Gmail は DKIM、SPF、および DMARC を使用して AMP メールの送信者を認証 します。お客様のアカウントにこれらが設定されている必要があります。

- ドメインキー識別メール (DKIM)
- 送信者ポリシーフレームワーク (SPF)
- ドメインベースのメッセージ認証、レポート、および準拠 (DMARC)
AMP メール要素 説得力のある AMP メールでは、さまざまなコンポーネントが戦略的に使用されます。以下のコンポーネントセクションの必須タブを参照してください。

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

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

クライアント 登録リンク
Gmail Google
FairEmail FairEmail
ヤフー ヤフー
Mail.ru Mail.ru

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

Gmailアカウントを有効にする

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

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

API使用

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

メールオブジェクトの指定

AMP メールの作成

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

AMP HTML に加えて、通常の HTML body バージョンが必要です。AMP メールの plaintext_body バージョンをお勧めします。すべてのAMPメールはマルチパートで送信されます。つまり、BrazeはHTML、プレーンテキスト、およびAMP HTMLをサポートするメールを送信します。これは、メール用 AMP をまだサポートしていないプロバイダー経由でメールが送信された場合に役立ちます。なぜなら、メールはユーザーとそのデバイスに基づいて適切なバージョンに自動的にデフォルト設定されるからです。

これらの追加リソースを参照してください:

コンポーネント

AMP要素を構築する際には、エンジニアリングチームにチェックインし、追加の研磨層用の設計リソースと要素を含めることをお勧めします。

これらの要素はすべて、AMPメールの本文に必要です。

コンポーネント 説明
識別

⚡4email または amp4email
メールを AMP HTML メールとして識別します。 <!doctype html>
<html ⚡4email>
<head>
読み込む AMP ランタイム

<script>
JavaScriptを使用してAMPをメール内で実行できるようにする。 <script async src="https://cdn.ampproject.org/v0.js"></script>
CSSボイラープレート AMPが読み込まれるまでコンテンツを非表示にします。
AMP メールをサポートするメールプロバイダーは、クライアントで審査済みの AMP スクリプトのみが実行されるように、セキュリティチェックを実施します。
<style amp4email-boilerplate>body{visibility:hidden}</style>

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

コンポーネント 説明 必須スクリプト
アコーディオン

amp-accordion
ユーザーがコンテンツの概要を表示し、任意のセクションにジャンプできるようにします。 <script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
フォーム

amp-form
AMPドキュメントで入力フィールドを送信するフォームを作成します。 <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>

お客様のメールをオーディエンスに届けるのに役立つ AMP のクリエイティブなコンポーネントの使用をお勧めします。

コンポーネント 説明 必須スクリプト
アニメーション画像

amp-anim
ランタイムで管理されるアニメーション画像(通常はGIF)を表示します。 <script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script>
カルーセル

amp-carousel
水平方向に沿って複数の類似したコンテンツを表示します。 <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
画像 HTML img タグのランタイム管理された置き換え。
また、画像のライトボックスを作成することもできます
<amp-img alt="A view of the sea"
src="images/sea.jpg"
width="900"
height="675"
layout="responsive">
</amp-img>
コンポーネント 説明
データバインディングと式

amp-bind
データバインディングと JavaScript 風の式を介して、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メッセージから発生するクリックは含まれません(HTMLおよびプレーンテキストのみ)。AMP固有のクリックはamp_clickメトリックに帰属します。

送信する前に、AMPメールをこれらのGmailガイドライン に従ってテストすることをお勧めします。

AMP メールを任意の Gmail アカウントに配信するには、メールが次の条件を満たしている必要があります。

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

これらの条件のいずれもエラーの原因となっていない場合は、Support に到達します。

よくある質問

AMP メールでセグメント化する必要がありますか?

私たちは、すべての異なるタイプのユーザーに送信するためにセグメント化しないことを提唱しています。これは、元のメールに含まれる異なるバージョンを持つマルチパートでAMPメッセージを送信するためです。ユーザーがAMPバージョンを表示できない場合、デフォルトでHTMLに戻ります。

「このページはどの程度役に立ちましたか?」
New Stuff!