AMP for Emailとは何ですか?試してみる前に知っておくべきことは何ですか?

公開: 2019-02-15

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

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

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

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

AMP for emailで何ができますか?

電子メール用のAMPに関して最もよくある質問の1つは、次のとおりです。AMPを使用して、AMPを使用して実行できるすべてのことを電子メール用に実行できますか?

答えはノーだ。"

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

動的コンテンツ

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

  • 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 forEmailで何ができるかを強調しました。 2018 AMP会議で、彼らは結果を披露しました。

1.落書き

Doodleは、会議のスケジュールを簡単にするツールです。 場所と時間に関する投票の助けを借りて、マネージャーはすべての参加者にとって最適な収集時間を把握することができます。

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

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

メールDoodleの例のAMP

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

メール会議スケジュールのAMP

Gmailでのメールの表示は次のとおりです。 イベントのタイトルの下にある「ダイナミックEメールで世界を救え」という通知の下に、「参加者11人中4人、コメント0人」という通知があります。 これは、電子メール用のAMPが優れているところです。

電子メール会議応答用のAMP

動的コンテンツ

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

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

最高の状態での電子メール用AMPのもう1つの優れた例を、以下の電子メールの「リマインダーの送信」機能に示します。

メール送信リマインダー用のAMP

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

あなたが見ているのは、ウェブサイトやアプリで見られるようなフォームの完成です。 それでも、それは電子メールに含まれているので、それを完了するのは非常に簡単です。

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

メール確認会議用AMP

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

2. Booking.com

Doodleと同様に、Booking.comはAMPの動的コンテンツを利用して、ユーザーに電子メールのエクスペリエンスを向上させます。 この場合、それは彼らの宿泊施設の検索に関連しています。

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

メール予約の例のAMP

ただし、このアパートの写真を表示するためにリストページにクリックする必要がある静的な電子メールとは異なり、AMP for emailを使用すると、ユーザーは画像の端にある矢印をクリックして、次の写真にスライドできます。

AMPメールカルーセルスライダー

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

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

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

そして、それらが十分でない場合、ユーザーは希望の場所で「新しい取引を見る」をクリックすることができ、その場所の別のリストがポップアップします:

AMPメールのその他のコンテンツオプション

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

AMPメール登録解除フォーム

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

3.Pinterest

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

以下のこのメールをご覧ください。

AMPメールPinterestの例

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

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

GoogleAMPメールPinterestの詳細ピン

Pinterestの場合、AMP for emailは全面的に意味がありますが、特にオンボーディングプロセス中は、ユーザーに完了させるのが困難です。 AMP foremailを使用するとどれほど簡単になるかを次に示します…

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

GoogleAMPメールPinterestフォロートピック

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

ダイナミックな見出し

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

GoogleAMPメールPinterestの追加トピック

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

トピックの選択が完了すると、灰色で表示されている上記のCTAが赤に変わり、クリック可能になり、「完了」と表示されます。 また、見出しには「All set!」と書かれています。 小見出し「カスタムホームフィードを作成する準備ができました」の上。 あなたはそれがここでどのように見えるかを見ることができます:

メール用のGoogleAMPPinterestトピックセット

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

メールとAMPPinterestの構築ホームフィード

メールとAMPのPinterestホームフィードの準備ができました

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

電子メールのAMPに対する考えられるネガ

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

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

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

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

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

AMPメール業界での使用

上記の例では、利点は明らかです。 電子メール用のAMPを使用すると、ユーザーは電子メールを介してブランドと対話するためのより簡単で摩擦のない方法を利用できます。 ブランドの場合、インタラクションを容易にすることのメリットは常にROIに見られます。

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

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