Utilizzare AMP per le pagine di destinazione di Google Ads

Le pagine di destinazione più veloci tendono di solito a generare 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 di cui hanno bisogno per creare pagine accattivanti e ad alto rendimento. Questa guida passo passo descrive come utilizzare Google Ads e altre tecnologie pubblicitarie nelle pagine AMP.

Passaggio 1: crea e convalida le pagine AMP

Crea 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 indicazioni pratiche passo passo, completa i tutorial Converti HTML in AMP e Aggiungi funzionalità AMP avanzate. Puoi trovare codice campione e modelli di componenti AMP in Esempi di siti web AMP e Modelli AMP.

L'elenco seguente descrive alcuni componenti utilizzati nelle pagine AMP. Per riferimento, 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 è stato interagito.
  • amp-call-tracking sostituisce dinamicamente un numero di telefono in un collegamento 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 visualizzato come overlay rispetto ai campi di input o come widget calendario statico.

Convalida le pagine AMP

Durante lo sviluppo, dovrai assicurarti che le tue pagine AMP siano valide. AMP offre diversi 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 console per sviluppatori oppure integrare il modulo npm amphtml-validator nella tua build.

Puoi anche utilizzare AMPBench, un'applicazione web e un servizio open source per convalidare e risolvere i problemi relativi al deployment delle pagine AMP.

Per assistenza con i test AMP, visita la pagina di assistenza del progetto AMP: Getting Support.

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

Utilizza il componente amp-analytics per monitorare le conversioni di Google Ads. Segui i passaggi descritti in Configurare la misurazione delle conversioni di Google Ads per le pagine di destinazione AMP per scoprire come configurarlo.

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 i passaggi descritti in Configurare l'unificazione sessioni di Google Analytics per AMP.

Google Tag Manager

Il componente amp-analytics ha 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 noto come Omniture)

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

Puoi utilizzare il componente amp-analytics per monitorare le azioni e gli eventi degli utenti. Analytics per AMP è dotato di supporto nativo da 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 il supporto AMP nativo non è disponibile. Se utilizzi una tecnologia non attualmente supportata, chiedi al fornitore di aggiungere il supporto.

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

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

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

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 organici, aggiungi le istruzioni Disallow per le pagine AMP pertinenti al file robots.txt, come faresti per qualsiasi pagina web normale.

Il progetto AMP aggiunge ogni giorno nuove funzionalità e componenti. Se trovi una funzionalità mancante, puoi contribuire o richiedere che venga aggiunta aprendo un problema su GitHub.