AMP for Email とは? 試す前に知っておくべきことは?

Google がモバイル Web の高速化を目指してから数年後、小さな青い稲妻が検索エンジンの結果で認識できるシンボルになりました。

現在、数千万のドメインが「AMP」化されているため、オープンソース フレームワークはその範囲を拡大しています。 現在、マーケターはクリック後のランディング ページ、ブログ投稿、完全な Web サイトを AMP で高速化しているだけではありません。 彼らはそれを使って電子メールも改善しています。

メールの AMP とは何ですか?

メール向け AMP は、マーケティング担当者が高速化されたモバイル ページ フレームワークの速度を活用するもう 1 つの方法です。 AMP ブログの公式リリースで、Gmail と Chat のプロダクト マネージャーである Aakash Sahney は、開発者がより魅力的でインタラクティブで実用的なメール エクスペリエンスを作成するための強力な方法であると述べています。

AMP for email でできること

AMP for email に関して最もよく寄せられる質問の 1 つは、次のとおりです。

答えはノーです。"

ただし、AMP メールは従来のメールよりもはるかに制約が少ない. また、Gmail で AMP のすべてのコマンドを使用できるわけではありませんが、非常にリッチなユーザー エクスペリエンスを作成できます。 AMP によると、AMP メールで使用できるものは次のとおりです。

動的コンテンツ

これまで、電子メールの内容は主に静的なものでした。 ユーザーは、読んだり、見たり、クリックしたりする以外に、それに関与することはできません。 メールの AMP を使用すると、動的コンテンツにより、たとえばフォームの送信など、より用途の広いエンゲージメントが可能になります。 AMP for email で使用できる動的コンテンツ要素の一部を次に示します。

• amp-form: AMP のフォーム要素です。 デザイナーは、ユーザーが入力できるフォームを電子メールで直接作成できます。
• amp-selector:フォーム内で使用する複数選択ウィジェットです。
• amp-bind と amp-state: AMP のシンプルなスクリプト言語で、要素間の相互作用のためにステート マシンを操作できます。 特定のイベントで動作を追加するためにも使用できます。 amp-state は、初期ステート マシンの値をリモートでフェッチするために使用されます。
• amp-list:によってレンダリングされる JSON データをリモートでフェッチします。
• template type="amp-mustache": amp-list 呼び出しの結果をレンダリングするための Mustache テンプレート マークアップ。

レイアウト

従来の電子メールのレイアウトはかなり厳格です。 電子メールの AMP は、メディア用のカルーセル、画像とテキスト用のライトボックス、さまざまなセクションを表示および非表示にするためのアコーディオンなどの要素でそれを開きます. メールを斬新な方法で表示するために使用できる要素は次のとおりです。

• amp-accordion:さまざまなセクションの表示/非表示を容易にする UI 要素。
• amp-carousel : カルーセル UI コンポーネント。
• amp-sidebar:ナビゲーション用のサイドバー。
• amp-image-lightbox: 画像を格納するためのライトボックス。
• amp-lightbox:コンテンツを格納するためのライトボックス。
• amp-fit-text:特定の領域内にテキストを収めるためのヘルパー コンポーネント。
• amp-timeago:タイムスタンプをレンダリングする便利な方法を提供します。

メディア

直帰率との戦いにおいて、メディアは最大の敵であり、他のどの要素よりもロード時間に大きく影響します。 以下の 2 つの要素により、設計を損なうことなく効率と速度を確保できます。

• amp-img: 「画像」を置き換える AMP コンポーネント。
• amp-anim: GIF ファイルを埋め込みます。

3 メール向け AMP の例

AMP はまだすべてのユーザーに完全に展開されていません。 ただし、その使用例がないわけではありません。 2018 年、いくつかの企業が Google と提携して、マーケティング担当者が AMP for email で何ができるかを強調しました。 2018 AMP Conference で、彼らはその結果を紹介しました。

1.落書き

Doodle は、会議のスケジュール設定を簡単にするツールです。 場所と時間に関する投票を利用して、マネージャーはすべての参加者にとって最適な集合時間を把握できます。

通常、これらの投票では、訪問者が Web ページ上でより動的なアクションを完了する必要があります。 しかし、メールの AMP では状況が少し異なります。

以下に、Doodle で設定されている投票の画像を示します。 タイトルは「ダイナミック メールで世界を救う:」です。

ユーザーが [続行] をクリックすると、最も都合のよい時間を選択して、グループにメールで送信できます。

Gmail では、メールは次のように表示されます。 イベントのタイトル「ダイナミック メールで世界を救え」の下に、「参加者 11 人中 4 人、コメント 0 件」という通知が表示されます。 これがメール向け AMP の優れた点です。

動的コンテンツ

表示されているのは動的コンテンツです。 同様に、このコンテンツは、より多くのユーザーが投票に参加するにつれて更新されます。 5 人目のユーザーが投票を完了すると、11 人中 5 人が参加したことがわかります。 誰かがコメントすると、更新されたコメント数が表示されます。

これは、メールで受け取る通常の静的コンテンツとは対照的です。 静的な電子メールでは、投票に参加した人の数を更新したい場合、2 番目の電子メールを受信する必要があります。 上に表示されているものは、いつ開いても、投票に関する最新情報が含まれています。

AMP for email のもう 1 つの優れた例を以下に示します。これは、メールの「リマインダーの送信」機能にあります。

ここで、ユーザーが参加者の電子メール アドレスを入力し、[送信] をクリックして、投票を完了するように促すことができます。 これは、メールの AMP が機能しているもう 1 つの輝かしい例です。

表示されているのは、Web サイトやアプリで表示されるフォームの完成です。 それでも、それは電子メールに含まれているため、非常に簡単に完了することができます.

次に、大多数の参加者が投票を完了し、ユーザーが最終的な日時を選択できるようになったときの様子を確認します。 動的コンテンツは、2 月 19 日の月曜日に 10 人が参加できることを示していますが、火曜日には 9 人しか参加できず、水曜日には 8 人しか参加できないことがわかります。

日付をクリックして [完了] ボタンをクリックすると、ユーザーは会議の時間を確定でき、その時点で参加者に通知されます。

2.ブッキングドットコム

Doodle と同様に、Booking.com は AMP の動的コンテンツを利用して、ユーザーにより良いメール エクスペリエンスを提供します。 この場合、それは宿泊施設の検索に関連しています。

この最初のメールにあるように、Booking.com はユーザーに画像付きの部屋のおすすめを提供しています。 しかし、サムネイルは 1 つですか？ 部屋を決定するために必要な情報はこれだけではありません。

しかし、このアパートの写真を見るためにリスティング ページにクリックスルーしなければならない静的なメールとは異なり、AMP for email では、ユーザーは画像の端にある矢印をクリックして次の写真にスライドすることができます。

ユーザーは、メールを離れることなく、より多くの情報に基づいてリストを表示できます。 このようなメール スライダーは CSS で作成できますが、AMP for email を使用すると、はるかにスムーズなエクスペリエンスが得られると言われています。

しかし、ユーザーがそのリストを完全に除外した場合はどうなるでしょうか? メール用の AMP では問題ありません。

ユーザーが下にスクロールすると、他にもいくつかのリストが表示されます。 ここでは、モスクワ、パリ、アムステルダムなどで見られます。

それでも十分でない場合、ユーザーは目的の場所で [新しい取引を表示] をクリックすると、その場所に別のリストがポップアップ表示されます。

また、Booking.com のプロモーション メールを受信しすぎているとユーザーが判断した場合は、メッセージの一番下までスクロールして [サブスクリプションの管理] をクリックすると、以下のフォームが表示されます。

ここでは、ユーザーとマーケティング担当者の両方に大きなメリットがあります。 ユーザーは、これらのメールを受信する頻度を決定するか、完全に登録解除することができますが、マーケティング担当者は、ユーザーがキャンペーンにどのように反応するかについてより多くのデータを収集することができます.

3. ピンタレスト

Pinterest は常に非常に視覚的なソーシャル ネットワークであり、チームが注目を集めるメールを作成するのに役立ちます。 残念ながら、メールの AMP が登場する前は、注目を集めることしかできませんでした。

このメールを以下に入力してください。

通常、このメールが受信トレイにある場合、クリックしてレシピの詳細、内容、コメント、バリエーションなどを確認する必要があります。

しかし、電子メール用の AMP を使用すると、ボードの右上にある「韓国風フライド チキン タコス」のレシピをクリックすると、電子メール内で大きくて詳細なピンに展開されます。

Pinterest の場合、メールの AMP は全面的に理にかなっていますが、特にオンボーディング プロセスではユーザーに完了してもらうのが困難です。 AMP for email を使用すると、どれほど簡単になるかを次に示します。

通常、ユーザーがサインアップすると、次のようなメールが届きます。これは、Pinterest がカスタム ホームフィードを構築できるように、5 つ以上のトピックをフォローするように指示するものです。

静的なメールでは、ユーザーはこれをクリックして Pinterest の Web サイトにアクセスし、フォローする 5 つのトピックを選択する必要があります。

動的見出し

ただし、以下の例に示すように、ユーザーがトピックをクリックし始めると、メールの見出しが動的に「3 つ (またはそれ以上!) のトピックをフォロー:」に変わります。

表示されたトピックだけでなく、サブタイトルの下のフィルターで非表示になっているトピックも選択できます。 彼らは「食べ物」、「DIY」、「アート」と読みます。 ユーザーがそれらをクリックすると、ユーザーがクリックして購読できる話題の写真の新しいグループが表示されます。

トピックの選択が完了すると、グレー表示されている上記の CTA が赤くなり、クリック可能になり、「完了」と表示されます。 さらに、見出しには「準備完了！」と書かれています。 「カスタム ホームフィードを作成する準備ができました」というサブ見出しの上に表示されます。 ここでそれがどのように見えるかを見ることができます：

ユーザーが [完了] をクリックすると、ホームフィードが作成され、下の読み込みバーがアプリの場合と同じように進行し、見出し/小見出しには「ホームフィードの作成/… からアイデアを見つける」と表示されます。

完了すると、ユーザーはアプリを使用する準備が完全に整い、メールで「ホームフィードの準備ができました!」というボタンで通知されます。 クリックして Web サイトにアクセスできます。

メール向け AMP のマイナス面の可能性

メールの AMP は強力なメディアに革命的な可能性をもたらしますが、それがより良いものになると誰もが確信しているわけではありません。 Litmus のブログ投稿で、Jain Mistry はテクノロジが直面する可能性のあるいくつかの問題について概説しています。

• ESP からのサポートはほとんどありません。AMP を使用するメールは従来のメールとは異なるため、従来の方法で作成することはできません。 電子メール サービス プロバイダーがそれらの作成に必要なテクノロジをサポートしていない場合は、自分でもできないことがあります。
• メール用 AMP は Gmail でのみ機能します:現在、メール用 AMP は Gmail 専用です。 メーリング リストが主に Gmail ユーザーである場合、これは問題にならない可能性があります。 そうでない場合は、Gmail 以外のユーザー向けに非 AMP バージョンのメールを作成する必要がある場合があります。
• 追跡が制限される場合があります:追跡は最適化に不可欠です。 現在、マーケティング担当者は開封、クリックなどを追跡してキャンペーンを改善できます。 ユーザーが実行できるアクションのリストに追加すると、マーケティング担当者が追跡する必要があるものも追加されます。 それらを追跡する方法はありますか？
• ユーザーを混乱させる可能性があります:電子メールの使用方法を完全に変更することの問題点は、あまりにも早すぎる可能性があることです。

例: 動的コンテンツは、マーケティング担当者に送信後に電子メールを最新の状態に保つ機会を与えますが、静的コンテンツを期待しているユーザーを混乱させる可能性があります。 Mistry は次のように書いています。 これは、メール マーケティングの貴重な商品である購読者間の信頼を失うことにつながる可能性のある戦術です。」

メールに AMP を使用しますか?

Litmus の調査によると、メールの AMP に精通している 55.6% のうち、55.4% が、AMP を使用する可能性が高い、または使用する可能性が非常に高いと述べています。

上記の例では、利点は明らかです。 メール向け AMP を使用すると、ユーザーはメールを介してブランドとやり取りするための簡単で摩擦のない方法を利用できます。 ブランドにとって、インタラクションを容易にするメリットは常に ROI に表れます。

電子メールでアンケートに記入できる場合は、そうする可能性が高くなります。 メールでホテルのリストを閲覧できる場合は、閲覧する可能性が高くなります。 Pinterest の場合、ソーシャル メディアを介したオンボーディングについても同じことが言えます。

AMP を使用してクリック後のランディング ページを改善する準備ができている場合は、Instapage のデモにサインアップして、キャンペーンで何ができるかを確認してください。