AMP

AMP for Email 形式

Important: this documentation is not applicable to your currently selected format websites!

AMP は、モバイルクライアント向けの超高速ウェブページを開発できることで知られているテクノロジーです。AMP は、パフォーマンスとセキュリティへの焦点を追加した機能を簡単に有効化できる、JavaScript 支援 HTML タグ一式を指します。カルーセル、レスポンシブフォーム要素、リモートエンドポイントからのフレッシュコンテンツの取得など、さまざまな機能を備えた AMP コンポーネントが用意されています。

AMP for Email 形式は、メールメッセージに使用できる AMP コンポーネントのサブセットです。AMP メールの受信者は、直接メール内で AMP コンポーネントを閲覧し、対話することができます。

必要なマークアップ

以下のコードは、有効な AMP メールメッセージを構成する最小限のマークアップを示します。

<!DOCTYPE html>
<html 4email>
  <head>
    <meta charset="utf-8" />
    <style amp4email-boilerplate>
      body {
        visibility: hidden;
      }
    </style>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    Hello, world.
  </body>
</html>

AMP メールメッセージには、以下の要件があります。

  • 先頭に <!doctype html> doctype を指定します。🔗
  • 最上位階層のタグを <html ⚡4email> タグにします(<html amp4email> も使用できます)。🔗
  • <head><body> タグが必要です(HTML ではオプションです)。🔗
  • <meta charset="utf-8"> タグを head タグの最初の子要素とします。🔗
  • head タグ内に <script async src="https://cdn.ampproject.org/v0.js"></script> タグを含めます。🔗
  • head タグ内に amp4email ボイラープレート(<style amp4email-boilerplate>body{visibility:hidden}</style>)を含めて、最初に AMP JS が読み込まれるまでコンテンツを非表示にします。🔗

全 AMPHTML マークアップは 200,000 バイト以内である必要があります。

構造とレンダリング

AMP for Email は、RFC 1521, section 7.2.3 に定義される標準の multipart/alternative MIME サブタイプに依存しています。

詳細は、「AMP メールの構造とレンダリング」を参照してください。

サポートされている AMP コンポーネント

AMP for Email 対応コンポーネント」を参照してください。

HTML の要件

AMP for Email でサポートされている HTML」を参照してください。

CSS の要件

サポートされているセレクタとプロパティ

AMP for Email でサポートされている CSS」を参照してください。

AMP ドキュメントでの CSS の指定

AMP ドキュメントのすべての CSS は、head 内の <style amp-custom> タグまたはインラインの style 属性に含める必要があります。

...

<style amp-custom>
  /* any custom styles go here. */
  body {
    background-color: white;
  }
  amp-img {
    border: 5px solid black;
  }
  amp-img.grey-placeholder {
    background-color: grey;
  }
</style>

...

</head>

<style> タグは、50,000 バイト以内である必要があります。これは、バリデータによってチェックされます。

ドキュメントの寸法

  • 最適な幅: 800px 以下(幅がこれより広い場合、一部のクライアントのコンテンツが予期されない状態で切り捨てられる場合があります)。

  • 高さ: 可変。クライアント側でユーザーがコンテンツをスクロールできます。

検証

AMP の既存の検証ツールを使用して、メールメッセージが AMP for Email 形式の厳しい条件を満たしていることを確認できます。

詳細は、「AMP メールの検証」を参照してください。

プライバシーとセキュリティ

メールの開封と対話の追跡

AMPHTML では、HTML メールと同様に、ピクセル追跡テクニックを使用して、メールの開封状態を追跡することができます。ユーザーが外部サービスから発行するデータへのリクエストも、ユーザーがメッセージと対話していることを示しますが、メールクライアントに、リモート画像の読み込みやその他の外部リクエストを無効化できる機能が備わっている場合があります。

AMP 固有の分析

以下の AMP 固有の分析テクニックはサポートされていません。

コンポーネント固有の考慮事項

<amp-carousel> または <amp-accordion> 内で画像をリクエストすることによって、ユーザーがメッセージと対話していることが送信者に示されます。

<amp-form> でのリダイレクトは、ランアイム時に使用できません。

フィードバックとサポート

AMP for Email のサポートとフィードバックについては、次のチャンネルをご利用ください: ongoing-participation