Định dạng AMP cho Email

AMP là một công nghệ nổi tiếng để phát triển các trang web siêu nhanh cho các máy khách di động. AMP là một nhóm các thẻ HTML được hỗ trợ bởi JavaScript có thể dễ dàng cho phép các chức năng với một trọng tâm lớn hơn đến hiệu năng và bảo mật. Có các thành phần AMP cho mọi thứ từ băng chuyền, đến các yếu tố biểu mẫu tương thích để truy xuất nội dung mới từ các điểm cuối từ xa.

Định dạng AMP cho Email cung cấp một nhóm con các thành phần AMP mà bạn có thể sử dụng trong các tin nhắn email. Người nhận email AMP có thể xem và tương tác trực tiếp với các thành phần AMP trong email.

Đánh dấu bắt buộc

Đoạn code sau đây đại diện cho số đánh dấu tối thiểu tạo thành một email AMP hợp lệ:

<!DOCTYPE html>
<html ⚡4email data-css-strict>
  <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>

Một email AMP PHẢI

bắt đầu với doctype <!doctype html>. 🔗
chứa một thẻ <html ⚡4email> cấp cao nhất (<html amp4email> cũng được chấp nhận). 🔗
chứa các thẻ <head> và <body> (Chúng là không bắt buộc trong HTML). 🔗
chứa một thẻ <meta charset="utf-8"> như con đầu tiên của thẻ head. 🔗
chứa một thẻ <script async src="https://cdn.ampproject.org/v0.js"></script> bên trong thẻ head. 🔗
chứa code soạn sẵn amp4email (<style amp4email-boilerplate>body{visibility:hidden}</style>) trong thẻ head để ẩn nội dung ban đầu cho đến khi AMP JS được tải. 🔗

Toàn bộ đánh dấu AMPHTML phải không vượt quá 200,000 byte.

Cấu trúc và render

AMP cho Email phụ thuộc vào loại con MIME multipart/alternative như được định nghĩa trong RFC 1521, phần 7.2.3.

Để biết thêm thông tin, xem Cấu trúc và render các email AMP.

Các thành phần AMP được hỗ trợ

Xem Các Thành phần được Hỗ trợ của AMP cho Email.

Yêu cầu với HTML

Xem HTML được Hỗ trợ trong AMP cho Email.

Yêu cầu với CSS

Các bộ chọn và thuộc tính được hỗ trợ

Xem CSS được Hỗ trợ trong AMP cho Email.

Quy định CSS trong một tài liệu AMP

Mọi CSS trong một tài liệu AMP bất kỳ đều phải được bao gồm trong một thẻ <style amp-custom> trong phần header hoặc như các thuộc tính style (phong cách) inline.

...

<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>

Lưu ý: Toàn bộ thẻ <style> (phong cách) không được vượt quá 50.000 byte. Bộ xác thực sẽ kiểm tra điều này.

Kích thước tài liệu

Chiều rộng tối ưu: 800px hoặc nhỏ hơn (nếu rộng hơn thì nội dung có thể bị cắt bớt trên một số máy khách).
Chiều cao: biến số, máy khách cho phép người dùng cuộn qua nội dung.

Xác thực

Để đảm bảo email của bạn đáp ứng tiêu chí nghiêm ngặt của định dạng AMP cho Email, bạn có thể sử dụng các công cụ xác thực AMP hiện có.

Xem Xác thực Email AMP để biết thêm thông tin.

Quyền Riêng tư và Bảo mật

Theo dõi lượt mở email và tương tác

AMPHTML cho phép theo dõi các lượt mở email với kỹ thuật theo dõi điểm ảnh, cũng như trên các email HTML thông thường. Mọi yêu cầu dữ liệu của người dùng từ các dịch vụ bên ngoài cũng sẽ cho thấy người dùng đang tương tác với thư. Các trình khách email có thể cho người dùng khả năng tắt các ảnh từ xa, và các yêu cầu bên ngoài khác.

Phân tích chuyên dụng cho AMP

Các kỹ thuật phân tích chuyên dụng cho AMP sau đây không được hỗ trợ:

Các cân nhắc dành riêng cho thành phần

Yêu cầu cho các ảnh bên trong <amp-carousel> hoặc <amp-accordion> có thể thông báo cho người gửi rằng người dùng đang tương tác với email.

Việc chuyển hướng trong <amp-form> bị cấm tại thời gian chạy.

Phản hồi & Hỗ trợ

Để được hỗ trợ và phản hồi trong AMP cho Email, hãy sử dụng kênh sau đây: ongoing-participation