AMP for Email 格式
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>開頭。 🔗 - 包含頂層
<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 依賴於標準的 multipart/alternative MIME 子類型，如 RFC 1521 第 7.2.3 節中所定義。
如需詳細資訊，請參閱AMP 電子郵件的結構與呈現。
支援的 AMP 元件
HTML 要求
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 for Email 格式的嚴格標準，您可以使用 AMP 現有的驗證工具。
請參閱驗證 AMP 電子郵件以獲取更多資訊。
隱私權與安全性
追蹤電子郵件開啟和互動
AMPHTML 允許使用像素追蹤技術追蹤電子郵件開啟，與常規 HTML 電子郵件相同。 任何使用者發起的從外部服務請求資料的行為也會表明使用者正在與訊息互動。 電子郵件用戶端可能會向其使用者提供停用載入遠端圖片和其他外部請求的功能。
AMP 特定分析
不支援以下 AMP 特定分析技術
元件特定考量
<amp-carousel> 或 <amp-accordion> 內的圖片請求可以向寄件者表明使用者正在與訊息互動。
在執行階段不允許 <amp-form> 中的重新導向。
意見回饋與支援
有關 AMP for Email 的支援和意見回饋，請使用以下管道： ongoing-participation