Utilizzare AMP per le pagine di destinazione di Google Ads

Le pagine di destinazione più veloci in genere generano un maggior numero di conversioni e AMP è un ottimo modo per creare pagine di destinazione di Google Ads accattivanti che si caricano più rapidamente. amp.dev fornisce agli sviluppatori web le risorse necessarie per creare pagine accattivanti e ad alto rendimento. Questa guida passo passo descrive come utilizzare Google Ads e altre tecnologie pubblicitarie nelle tue pagine AMP.

Passaggio 1: crea e convalida le pagine AMP

Creare pagine AMP

Per scoprire come creare una pagina AMP di base, consulta il tutorial Creare la tua prima pagina AMP del progetto AMP. Per istruzioni più pratiche e dettagliate, consulta i tutorial su come convertire HTML in AMP e su come aggiungere funzionalità AMP avanzate. Puoi trovare codice di esempio e modelli di componenti AMP in AMP Websites Examples e AMP Templates.

L'elenco riportato di seguito descrive alcuni componenti utilizzati nelle pagine AMP. Per riferimento futuro, consulta l'elenco completo dei componenti.

  • amp-bind: consente di aggiungere interattività stateful personalizzata in base a eventi simili a JavaScript.
  • amp-form: crea pagine di destinazione che richiedono l'input dell'utente.
  • amp-list: recupera i contenuti in modo dinamico da un endpoint JSON CORS.
  • amp-carousel: carosello di immagini per scorrere una galleria di immagini.
  • amp-lightbox: visualizza la visualizzazione a schermo intero di un componente quando viene interagito con esso.
  • amp-call-tracking Sostituisci dinamicamente un numero di telefono in un iperlink per il monitoraggio delle chiamate.
  • amp-mustache: consente il rendering con Mustache.js.
  • amp-date-picker: fornisce un widget per selezionare le date. Il selettore della data può essere visualizzato come overlay rispetto ai campi di immissione o come widget di calendario statico.

Convalidare le pagine AMP

Durante lo sviluppo, assicurati che le pagine AMP siano valide. AMP offre diversi metodi per convalidare i tuoi documenti. Il modo più comune per convalidare una pagina AMP è utilizzare lo strumento di convalida web o lo strumento di convalida degli Strumenti per i Webmaster di Google. Puoi anche utilizzare il plug-in del browser Chrome e la console per sviluppatori oppure integrare il modulo npm amphtml-validator nella tua build.

Puoi anche utilizzare AMPBench, un servizio e un'applicazione web open source per convalidare ed eseguire il debug dei problemi relativi al deployment delle pagine AMP.

Per ricevere assistenza per i test AMP, visita la pagina Ricevere assistenza del progetto AMP.

Passaggio 2: configura AMP per il monitoraggio delle conversioni e le analisi

Utilizza il componente amp-analytics per monitorare le conversioni di Google Ads. Per scoprire come eseguire questa operazione, segui la procedura descritta in Configurare la misurazione delle conversioni di Google Ads per le pagine di destinazione AMP.

Google Analytics

Google Analytics è una delle soluzioni di analisi supportate da amp-analytics. Per consentire l'unificazione delle sessioni tra pagine AMP e non AMP, segui la procedura descritta in Configurare l'unificazione sessioni di Google Analytics per AMP.

Google Tag Manager

Il componente amp-analytics supporta Google Tag Manager. Oltre alle conversioni di Google Ads, puoi utilizzare Google Tag Manager per aggiungere il remarketing, DoubleClick Floodlight, Google Universal Analytics e prodotti di misurazione simili. Consulta l'elenco completo dei tag compatibili.

Adobe Analytics (precedentemente noto come Omniture)

Adobe Analytics offre due metodi per implementare la propria soluzione di monitoraggio del rendimento del sito web con il componente amp-analytics: implementazione con iframe (adobeanalytics_nativeConfig) e senza iframe (adobeanalytics). Scopri i pro e i contro e i dettagli di implementazione di ciascun approccio.

Puoi utilizzare il componente amp-analytics per monitorare le azioni e gli eventi utente. Analytics per AMP è fornito con il supporto nativo di oltre 40 fornitori di soluzioni di analisi. Il framework è flessibile e ti consente di misurare e attivare gli URL utilizzando configurazioni personalizzate per inviare informazioni di analisi ai tuoi server o ai fornitori in cui non è disponibile il supporto AMP nativo. Se utilizzi una tecnologia attualmente non supportata, chiedi al tuo fornitore di aggiungere il supporto.

Analytics per AMP consente anche una sostituzione delle variabili flessibile. Per maggiori dettagli, consulta la documentazione relativa alla sostituzione delle variabili.

Passaggio 3: attiva la pubblicazione AMP nell'interfaccia utente di Google Ads

Sebbene le pagine AMP nella Ricerca Google vengano scoprite automaticamente tramite il link dalle tue pagine, gli inserzionisti devono inserire esplicitamente l'URL della pagina AMP in Google Ads. Leggi l'articolo Come utilizzare AMP con Google Ads per informazioni dettagliate sulla configurazione degli URL AMP nell'interfaccia utente di Google Ads.

La pubblicazione della cache è attualmente disponibile per gli annunci di testo nelle pagine dei risultati di ricerca di Google pubblicate sulla maggior parte dei principali browser, tra cui Chrome per Android, l'app Ricerca Google per Android e Safari per il mobile. Nei prossimi mesi estenderemo la copertura.

Se vuoi testare la visualizzazione di una pagina AMP quando viene pubblicata dalla cache AMP di Google all'interno del visualizzatore della Ricerca Google, inserisci il tuo articolo AMP nello strumento di test AMP della Ricerca e fai clic su Anteprima link.

Inoltre, se vuoi indirizzare il traffico di Google Ads alla tua pagina di destinazione AMP, ma non vuoi che venga visualizzata nei risultati di ricerca organica, aggiungi le istruzioni Disallow per le pagine AMP pertinenti al tuo robots.txt come faresti per qualsiasi pagina web normale.

Aggiornamento dei contenuti AMP nelle pagine di destinazione

Quando un utente richiede un documento AMP dalla cache AMP di Google, la cache richiede automaticamente aggiornamenti per poter pubblicare contenuti aggiornati per l'utente successivo una volta che i contenuti sono stati memorizzati nella cache. Con questo modello, gli aggiornamenti ai documenti AMP si propagano automaticamente e rapidamente; pochi utenti noteranno la versione non aggiornata dopo l'aggiornamento. Inoltre, se necessario, l'API update-cache può essere utilizzata per aggiornare o rimuovere contenuti dalla cache AMP.

Il progetto AMP aggiunge ogni giorno nuove funzionalità e componenti. Se rilevi una funzionalità mancante, puoi contribuire o richiederne l'aggiunta aprendo un issue su GitHub.

Gestione non valida della pagina AMP

Quando una pagina diventa non valida, la cache AMP lo rileva nell'arco di alcune richieste e inizia a reindirizzare all'origine della pagina AMP pubblicata. Potrebbero essere necessari 1-2 giorni per ripristinare la pubblicazione della cache AMP.