AMPメール：受信トレイのミニウェブサイト

3月、GoogleはAMP for Emailをリリースしました。これは、メールをよりダイナミックでモダンなものにする新機能です。 Outlook.comやYahoo!などのトップメールクライアントメールは遅れを取りたくありません。どちらも、AMPメールのサポートをできるだけ早く開始する準備ができていることをすでに発表しています。

マーケターにとって、これは彼らのこれまでのパイプの夢が実現したことを意味します：これから彼らはインタラクティブな電子メールを送ることができます。 ウェブサイトにアクセスせずに画像カルーセルをスクロールしたり、フォームに記入したり、注文を完了したり、投票に投票したりすることは、すでに現実のものです。

SendPulseでは、近い将来、サービスを通じてAMPメールを送信できるように最善を尽くしています。 その間、AMP for Emailとは何か、マーケターがAMP for Emailからどのように利益を得ることができるかを深く掘り下げ、私たちが作成したAMPメールの例を確認しましょう。

AMP forEmailとは

静的なHTMLメールに慣れており、サブスクライバーはリンクを介してコンテンツを操作し、アニメーションはGIFを介して実行されます。

Accelerated Mobile Pages for Email、またはAMP for Emailを使用すると、送信者はインタラクティブなメールを作成して送信できます。 これは、ユーザーがそれらと対話できるようにする一連のコンポーネントが電子メールに埋め込まれた新しいHTML形式です。 たとえば、ユーザーは注文を変更したり、フォームに入力したり、受信トレイでカルーセルを右にスクロールしたりできます。 これらすべてのオプションにより、AMPメールは一種のミニウェブサイトになります。

もう1つのAMPキー機能により、ユーザーはコンテンツをリアルタイムで調整できます。 たとえば、以前に送信したメールキャンペーンのオファーは無効になります。 コードを少し変更するだけで、これらのオファーを更新されたオファーに置き換えることができます。

これが可能なのは、情報がデフォルトでは電子メールにエンコードされておらず、サーバーに保存されているためです。 したがって、動的ブロックのコンテンツは何度でも変更できます。

AMPメールで何ができますか？

動的コンテンツは、マーケターがユーザーとのより強力な相互作用を構築するのに役立ちます。 まず第一に、それはユーザーのクリック数を減らし、それは彼らの時間を節約するだけでなく、コンバージョン率も改善します。 その上、それはマーケターが汗をかくことなく加入者からフィードバックを集めることを可能にします。

AMP forEmailが扉を開く理由は次のとおりです。

• カルーセルをスクロールする。
• カート内のアイテムにマークを付ける。
• 電子メールのフォームまたはアンケートに記入する。
• 受信トレイで投票に参加する。
• 電子メールのコメントに答える。
• メールをカレンダーにリンクし、イベントの登録数を追跡します。
• 製品カードを開き、製品を選択して購入します。

PinterestとBooking.comは、すでにAMPメールをサブスクライバーに送信しています。 たとえば、Pinterestのサブスクライバーは、魅力的な画像を固定してそれに続くテキストを展開するためにWebサイトに進む必要がなくなり、受信トレイで直接行うことができます。 同時に、Booking.comを使用すると、サブスクライバーはホテルの部屋やアパートの写真をクリックして、Webサイトにアクセスせずに電子メールの頻度を選択できます。

AMP for Emailは安全ですか？

上記のAMPfor Emailの美しさは、あまりにも良すぎて安全ではないように思われるかもしれません。 ハッカーがウイルスをAMPコンポーネントのスクリプトにエンコードし、受信トレイをクラックまたは損傷した場合はどうなるでしょうか。

実際、AMPテクノロジーでは、固定のJavaScriptソースとスクリプトのセットのみが許可されます。 外部のJavaScriptをメールに追加することは不可能であるため、AMP forEmailは受信トレイを危険にさらすことはありません。

AMPメールの例

AMPメールの機能を示すために、SendPulseライブラリからテンプレートを選択し、それにAMPコンポーネントを追加しました。

AMPメールの画像カルーセル

従来のHTMLメールには、画像スライダーを模倣するためのサイド矢印が含まれています。 このトリックにより、ユーザーはメール内の画像をスクロールするだけだと思い込ませます。 しかし実際には、彼らは代わりにウェブサイトに移動します。 なんて残念なことでしょう。

次に、AMPベースの電子メールを使用すると、サブスクライバーは受信トレイで画像を右にスクロールできます。

AMPメールの製品ページ

以下の例のように、画像をズームしたり、カレンダーで希望の日付を選択したり、部屋を予約したりできます。

AMPメールのレビュー

動的に表示されるため、1つのメールに複数のレビューを表示することもできます。

AMPメールのドロップダウンリストとリクエストフォーム

サブスクライバーは、以下に示すように、電子メールの動的フォームを介して魅力的な製品またはサービスのリクエストを送信できます。

AMP forEmailをサポートする電子メールクライアント

Gmailは一時的にAMPメールをサポートしていますが、ウェブバージョンのみです。 ただし、同社はすでにモバイルデバイスでもAMP forEmailをサポートする予定です。

Outlookは、2019年の夏にAMPメールのサポートを開始する予定です。

Yahoo! メールには日付は明記されていませんが、AMP連合に「すぐに」参加することを約束しています。

さまざまなメールサービスへの登録が異なります。 登録プロセスの詳細については、開発者向けドキュメントを参照してください。

• Gmail、
• 見通し。

AMPメールの使用を開始する

AMPメールを自分でテストしたい場合は、次のチェックリストが役立ちます。

1. 既存の電子メールの1つにAMP要素を追加します。
2. メールにSPF、DKIM、DMARCレコードを設定していることを確認してください。
3. メールクライアント（現在はGoogle）に連絡して、送信者アドレスをホワイトリストに登録します。
4. 電子メールの動的コンテンツを使用してサーバーをセットアップする場合は、サーバーが有効なヘッダーで応答することを確認してください。
5. メールのAMP部分が検証されるかどうかを確認します。
6. AMP for Emailをサポートしていないメールクライアントにメールが表示されるように、メールにHTMLパーツが含まれていることを確認してください。
7. メールサービスプロバイダーがAMPメールを送信できるかどうかを確認します。

また、便利なリンクのリストもあります。

• AMPページの作成方法を学び、AMPの概要ですべてのAMPコンポーネントの例を参照してください。
• AMPメールをテストします。
• 開発者向けのAMPドキュメントで、電子メールとWebサイトの両方の既製の要素を見つけます。
• AMPHTMLプロジェクトのリポジトリにアクセスします。

SendPulseを使用したAMPメール

初期段階では、SendPulseを使用すると、キャンペーンの作成プロセスで、事前に作成されたAMPパーツを電子メールに追加できます。 また、SendPulse APIを更新して、ユーザーがサービスを通じてAMPメールを送信できるようにします。