Utilizzare AMP per le pagine di destinazione di Google Ads

Pagine di destinazione più veloci in genere generano più conversioni e AMP è un ottimo modo per creare pagine di destinazione Google Ads interessanti che si caricano più rapidamente. amp.dev fornisce agli sviluppatori web le risorse di cui hanno bisogno per creare pagine interessanti e ad alte prestazioni. 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, inizia con il tutorial Crea la tua prima pagina AMP del progetto AMP. Per istruzioni più dettagliate, completa i tutorial Conversione da HTML in AMP e Aggiungere funzionalità AMP avanzate. Puoi trovare codice e modelli di esempio dei componenti AMP negli esempi di siti web AMP e nei modelli AMP.

Nel seguente elenco sono descritti alcuni componenti utilizzati nelle pagine AMP. Per ulteriori informazioni, consulta l'elenco completo dei componenti.

  • amp-bind: aggiungi interattività stateful personalizzata basata su 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 CORS JSON.
  • amp-carousel: carosello di immagini per scorrere una galleria di immagini.
  • amp-lightbox: mostra la visualizzazione a schermo intero di un componente quando ha interagito con il componente.
  • amp-call-tracking Sostituisce in modo dinamico un numero di telefono in un link ipertestuale 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 mostrato come overlay sui campi di immissione o come widget statico del calendario.

Convalidare le pagine AMP

Durante lo sviluppo, assicurati che le tue pagine AMP siano valide. AMP offre vari metodi per convalidare i 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 Developer Console oppure integrare il modulo npm amphtml-Convalida nella tua build.

Puoi anche utilizzare AMPBench, un servizio e un'applicazione web open source per la convalida e il debug di problemi relativi al deployment delle pagine AMP.

Per ricevere assistenza in merito ai test AMP, visita la pagina Assistenza del progetto AMP.

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

Utilizza il componente amp-analytics per monitorare le conversioni di Google Ads. Per scoprire come impostare questa funzionalità, 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 nelle 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 include il supporto integrato per Google Tag Manager. Oltre alle conversioni di Google Ads, puoi utilizzare Google Tag Manager per aggiungere remarketing, DoubleClick Floodlight, Google Universal Analytics e prodotti di misurazione simili. Consulta l'elenco completo dei tag compatibili.

Adobe Analytics (in precedenza Omniture)

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

Puoi utilizzare il componente amp-analytics per monitorare le azioni e gli eventi degli utenti. L'analisi per AMP offre il supporto nativo di oltre 40 fornitori di dati e analisi. Il framework è flessibile e consente di misurare e attivare gli URL utilizzando configurazioni personalizzate per inviare informazioni di analisi ai tuoi server o a fornitori che non supportano il formato AMP nativo. Se utilizzi una tecnologia attualmente non supportata, chiedi al tuo fornitore di aggiungere assistenza.

L'analisi AMP consente inoltre una sostituzione flessibile delle variabili. Per informazioni dettagliate, consulta la documentazione sulla sostituzione delle variabili.

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

Mentre le pagine AMP nella Ricerca Google vengono scoperte automaticamente tramite il link dalle pagine, gli inserzionisti devono inserire esplicitamente l'URL della pagina AMP in Google Ads. Per maggiori dettagli sulla configurazione degli URL AMP nell'interfaccia utente di Google Ads, consulta l'articolo Come utilizzare AMP con Google Ads.

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

Se vuoi verificare l'aspetto di una pagina AMP pubblicata dalla cache AMP di Google all'interno del visualizzatore della Ricerca Google, inserisci l'articolo AMP nello Strumento di test di AMP di Ricerca e fai clic su Link di anteprima.

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

Aggiornare i contenuti AMP nelle pagine di destinazione

Quando un utente richiede un documento AMP alla cache AMP di Google, quest'ultima richiede automaticamente aggiornamenti per poter pubblicare nuovi contenuti per l'utente successivo dopo 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 i contenuti dalla cache AMP.

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

Gestione della pagina AMP non valida

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