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 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 電子郵件的支援與意見回饋，請使用以下管道：持續參與