Do you build things with AMP? Fill out the AMP Developer Survey!
AMP

Formato AMP per e-mail

Important: this documentation is not applicable to your currently selected format websites!

AMP è una popolare tecnologia per lo sviluppo di pagine web molto veloci su client mobili. AMP è costituito da un insieme di tag HTML supportato da JavaScript che consente un'agevole disponibilità delle funzionalità offerte e rivolge un'attenzione particolare alle prestazioni e alla sicurezza. Ci sono componenti AMP per le più svariate applicazioni, quale sequenze, elementi di moduli reattivi, recupero di contenuti aggiornati da endpoint remoti.

Il formato AMP per e-mail fornisce un sottoinsieme di componenti AMP che possono essere utilizzati nei messaggi e-mail. I destinatari delle e-mail AMP possono visualizzare e interagire con i componenti AMP direttamente nelle e-mail.

Markup obbligatori

Il codice seguente rappresenta la quantità minima di markup richiesti da un messaggio e-mail in formato AMP valido:

<meta charset="utf-8"> <style amp4email-boilerplate=""> body { visibility: hidden; } </style> <script async="" src="https://cdn.ampproject.org/v0.js"></script> Hello, world. 

Un messaggio e-mail AMP DEVE

  • Iniziare con il doctype <!doctype html>. 🔗
  • Contenere un tag di primo livello <html ⚡> (<html amp> è ugualmente accettato). 🔗
  • Contenere i tag <head> e <body> (che sono opzionali in HTML). 🔗
  • Contenere un tag <meta charset="utf-8"> come primo elemento figlio del proprio tag di intestazione. 🔗
  • Contenere un tag <script async src="https://cdn.ampproject.org/v0.js"></script> all'interno del proprio tag di intestazione. 🔗
  • contenere il boilerplate amp4email (<style amp4email-boilerplate>body{visibility:hidden}</style>) all'interno del proprio tag di intestazione per nascondere inizialmente il contenuto fino al caricamento di AMP JS. 🔗

L'intero markup AMPHTML non deve superare i 200.000 byte.

Struttura e rendering

Il formato AMP per E-mail si basa sul sottotipo MIME multipart/alternative standard, come definito nel documento RFC 1521, sezione 7.2.3.

Per ulteriori informazioni, consultare la sezione Struttura e rendering delle e-mail AMP.

Componenti AMP supportati

Consultare il documento Componenti supportati da AMP per e-mail.

Requisiti HTML

Consultare il documento Elementi HTML supportati in AMP per E-mail.

Requisiti CSS

Selettori e proprietà supportati

Consultare il documento Elementi CSS supportati in AMP per E-mail.

Inserimento di elementi CSS in un documento AMP

Tutti gli elementi CSS presenti in ogni documento AMP devono essere inclusi in un tag <style amp-custom> all'interno dell'intestazione o come attributi 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><br>

...

[/sourcecode]

l'intero tag <style> non può superare i 50.000 byte. Lo strumento di convalida verificherà anche le dimensioni.

Dimensioni del documento

  • Larghezza ottimale: massimo 800 pixel (qualsiasi contenuto più largo potrebbe essere troncato inavvertitamente su alcuni client).

  • Altezza: variabile, il client permette all'utente di scorrere i contenuti.

Convalida

Per garantire che i messaggi e-mail soddisfino i rigorosi criteri del formato AMP per e-mail, si possono utilizzare gli strumenti di convalida di AMP già esistenti.

Per ulteriori informazioni, consultare il documento Convalida di e-mail AMP.

Privacy e sicurezza

Tracciamento di interazioni e-mail

AMPHTML consente il controllo delle interazioni e-mail con tecniche di tracciamento dei pixel, come le normali e-mail HTML. Qualsiasi richiesta di dati avviata dall'utente da servizi esterni indicherà anche che l'utente sta interagendo con il messaggio. I client di posta elettronica offrono agli utenti la possibilità di disabilitare il caricamento di immagini remote e altre richieste esterne.

Strumenti di analisi specifici di AMP

Le seguenti tecniche di analisi specifiche di AMP non sono supportate:

Considerazioni relative ai componenti

Le richieste di immagini all'interno di elementi <amp-carousel> o <amp-accordion> possono indicare al mittente che l'utente sta interagendo con il messaggio.

I reindirizzamenti in <amp-form> non sono consentiti a runtime.

Feedback e assistenza

Per richieste di assistenza e invio di feedback su AMP per e-mail, potete utilizzare il seguente canale: ongoing-participation