AMP

Format AMP untuk Email

AMP adalah teknologi yang dikenal mengembangkan halaman web super cepat pada klien seluler. AMP adalah seperangkat tag HTML yang didukung oleh JavaScript yang dengan mudah memungkinkan fungsionalitas dengan fokus tambahan pada kinerja dan keamanan. Ada komponen AMP untuk segalanya, mulai dari korsel hingga elemen formulir responsif, sampai pengambilan konten baru dari endpoint jarak jauh.

Format AMP untuk Email menyediakan bagian komponen AMP yang dapat Anda gunakan di dalam pesan email. Penerima email AMP dapat melihat dan berinteraksi dengan komponen AMP secara langsung di dalam email.

Penambahan yang diperlukan

Kode berikut ini mewakili jumlah penambahan minimum yang menjadi bagian pesan email AMP yang valid:

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

Sebuah pesan email AMP HARUS

  • dimulai dengan jenis dokumen <!doctype html>. 🔗
  • berisi tag <html ⚡4email> tingkat atas, (<html amp4email> juga diterima). 🔗
  • berisi tag <head> dan <body> (Ini bersifat opsional dalam HTML). 🔗
  • berisi tag <meta charset="utf-8"> sebagai anak atau turunan pertama dari tag tajuknya. 🔗
  • berisi tag <script async src="https://cdn.ampproject.org/v0.js"></script> di dalam tag tajuknya. 🔗
  • berisi boilerplate amp4email (<style amp4email-boilerplate>body{visibility:hidden}</style>) di dalam tag tajuknya untuk pada awalnya menyembunyikan konten hingga JS AMP dimuat. 🔗

Seluruh markup AMPHTML tidak boleh melebihi 200.000 byte.

Struktur dan perenderan

AMP untuk Email mengandalkan subjenis MIME multipart/alternative, sebagaimana ditentukan di dalam RFC 1521, bagian 7.2.3.

Untuk mendapatkan informasi selengkapnya, kunjungi Struktur dan perenderan email AMP.

Komponen AMP yang didukung

Kunjungi Komponen yang Didukung AMP untuk Email.

Persyaratan HTML

Kunjungi HTML yang Didukung dalam AMP untuk Email.

Persyaratan CSS

Properti dan pemilih yang didukung

Kunjungi HTML yang Didukung dalam AMP untuk Email.

Menentukan CSS di dalam sebuah dokumen AMP

Semua CSS di dalam dokumen AMP apa pun harus disertakan dalam tag <style amp-custom> dalam tajuk atau sebagai atribut style 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>

Seluruh tag <style> tidak boleh melampaui 50.000 byte. Pengesah atau validator akan memeriksa ini.

Dimensi dokumen

  • Lebar optimum: 800px atau kurang (jika lebih lebar, konten dapat secara tidak terduga terpotong pada beberapa klien).

  • Tinggi: variabel, klien memungkinkan pengguna untuk menggulir melalui konten.

Validasi

Untuk memastikan bahwa pesan email Anda memenuhi kriteria yang ketat untuk format AMP untuk Email, Anda dapat menggunakan alat validasi atau pengesahan AMP yang sudah ada.

Kunjungi Mengesahkan Email AMP untuk mendapatkan informasi selengkapnya.

Privasi dan Keamanan

Melacak interaksi dan pembukaan email

AMPHTML memungkinkan pelacakan pembukaan email dengan teknik pelacakan piksel, sama seperti email HTML biasa. Permintaan apa pun yang diajukan pengguna untuk data dari layanan eksternal juga akan mengindikasikan bahwa pengguna berinteraksi dengan pesan tersebut. Klien email mungkin menawari pengguna kemampuan untuk menonaktifkan pemuatan gambar jarak jauh, dan permintaan eksternal lainnya.

Analitis yang spesifik untuk AMP

Teknik analitis yang spesifik untuk AMP berikut ini tidak didukung:

Pertimbangan yang spesifik untuk Komponen

Permintaan untuk gambar di dalam <amp-carousel> atau <amp-accordion> dapat mengindikasikan kepada pengirim bahwa pengguna berinteraksi dengan pesan tersebut.

Pengalihan dalam <amp-form> tidak diizinkan pada runtime.

Umpan Balik & Dukungan

Untuk mendapatkan dukungan dan umpan balik tentang AMP untuk Email, silakan gunakan saluran berikut ini: partisipasi yang sedang aktif