Help us understand the problem. What is going on with this article?

【AMP】Gmailで「AMP for Email」をテストしてみた

「AMP for Email」とは、AMPのテクノロジーを利用し、動的なコンテンツの配信をメールで可能にするものです。

今回、AMPを使った動的メールをとりあえずテストして、実際にできることと、動作を試しに確認してみました。

AMP for Email Playground」を使用すると、気軽にAMP Eメールの下書きができたり、ライブプレビューの確認や、送信テストのため、実際に自分のGmailアカウントへ作成したAMP Eメールの送信を行うことができます。

テストするにはGmailの設定変更が必要

Gmailを開き、[設定]→[全般]→[動的メール]に移動して、[動的メールを有効にする]にチェックをいれます。

スクリーンショット_2019-04-03_17_06_04.jpg

これにより、テスト目的で動的なEメールを送信できるEメールアドレスをホワイトリストに登録できるダイアログが開きます。

ホワイトリストに入力したアドレスからGmailアカウントに送信されたAMPが適用されたメールは、アカウントがGoogleに登録されていなくても表示されます。

以上の設定で、自分のアカウントに動的メールを送信すれば、期待どおりに機能しているかテストすることができます。

AMP for Email Playground」から自分のアカウントにAMP Eメールを送信するには、ホワイトリストに「amp@gmail.dev」を登録します。

スクリーンショット_2019-04-03_17_06_27.jpg

実際のメールデモ

カルーセル

<amp-carousel>を使ってみました。
外部から画像を読み込む場合は、Gmailの[設定]→[全般]→[メッセージ内の画像]で、[外部画像を常に表示する]にチェックをいれる必要があります。

amp_mail.gif

フォーム

<amp-form>を使ってみました。
フォームに関しては活用方法を色々考えることができ、夢が拡がりそうですね。

amp_mail2.gif

Why do not you register as a user and use Qiita more conveniently?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away