AMP

AMP 電子郵件格式

重要事項:本文件不適用於您目前選取的格式網站

AMP 是一種以開發超快速行動用戶端網頁而聞名的技術。AMP 是一組 HTML 標籤,由 JavaScript 支援,可輕鬆啟用功能,並額外注重效能和安全性。有 AMP 元件適用於各種項目,從輪播介面、回應式表單元素,到從遠端端點擷取最新內容。

AMP 電子郵件格式提供 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 <!doctype html> 開頭。🔗
  • 包含最上層 <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 電子郵件依賴標準 multipart/alternative MIME 子類型,如 RFC 1521 第 7.2.3 節中所定義。

如需更多資訊,請參閱 AMP 電子郵件的結構與呈現

支援的 AMP 元件

請參閱 AMP 電子郵件支援的元件

HTML 需求

請參閱 AMP 電子郵件中支援的 HTML

CSS 需求

支援的選取器和屬性

請參閱 AMP 電子郵件中支援的 CSS

在 AMP 文件中指定 CSS

任何 AMP 文件中的所有 CSS 都必須包含在標頭中的 <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 位元組。驗證器將會檢查此項目。

文件尺寸

  • 最佳寬度:800 像素或更小 (任何更寬的內容都可能會在某些用戶端上意外截斷)。

  • 高度:可變,用戶端允許使用者捲動瀏覽內容。

驗證

為了確保您的電子郵件訊息符合 AMP 電子郵件格式的嚴格標準,您可以使用 AMP 現有的驗證工具。

如需更多資訊,請參閱 驗證 AMP 電子郵件

隱私權與安全性

追蹤電子郵件開啟和互動

AMPHTML 允許使用像素追蹤技術追蹤電子郵件開啟,這與一般 HTML 電子郵件相同。任何使用者啟動的外部服務資料要求也會指示使用者正在與訊息互動。電子郵件用戶端可能會讓使用者能夠停用載入遠端圖片和其他外部要求。

AMP 專屬分析

不支援以下 AMP 專屬分析技術

元件專屬考量

<amp-carousel><amp-accordion> 內要求圖片可以向寄件者指示使用者正在與訊息互動。

<amp-form> 中,在執行階段不允許重新導向。

意見回饋與支援

如需 AMP 電子郵件的支援和意見回饋,請使用以下管道:ongoing-participation