Configurare il tag Google con gtag.js

Il tag Google è un singolo tag che puoi aggiungere al tuo sito web per utilizzare i prodotti Google di misurazione e pubblicità come Google Ads, Google Analytics, Campaign Manager, Display &Video 360 e Search Ads 360. Anziché gestire più tag per diversi prodotti Google, puoi utilizzare il tag Google in tutto il sito e collegarlo a più destinazioni.

Scopri di più sul tag Google

Questa pagina spiega come configurare e implementare un tag Google sul tuo sito utilizzando il framework gtag.js. Se non hai familiarità con JavaScript, ti consigliamo di utilizzare Google Tag Manager anziché gtag.js.

Vantaggi

Il modo migliore per misurare le conversioni e ottimizzare il valore del tuo investimento di marketing Google è inserire i tag in ogni pagina del tuo sito. Implementando il tag Google sul tuo sito, ottieni i seguenti vantaggi:

  • Misurazione delle conversioni a prova di futuro. Approfitta delle ultime funzionalità e integrazioni man mano che diventano disponibili, in modo da essere meglio attrezzato per continuare a misurare le conversioni con precisione in caso di modifiche.
  • Gestione dei tag senza codice. Attiva le funzionalità di misurazione nei prodotti Google senza dover modificare manualmente i tag nella pagina.
  • Integrazione più facile e veloce. Implementazione e integrazione semplificate con altri prodotti Google, come Analytics e Google Ads.
  • Misurazione delle conversioni più precisa. Il tag Google ti aiuta a ottenere una misurazione delle conversioni più precisa quando i cookie non sono disponibili e a recuperare le conversioni non osservate oggi a causa di fattori del settore.

Aggiungere il tag Google al sito web

Per raccogliere dati con il tag Google:

  1. Apri un prodotto Google che utilizzi e accedi alla schermata del tag Google. Come trovare l'ID tag in:

  2. Copia l'ID tag Google.

  3. Incolla l'ID tag Google nel seguente esempio di codice. Inserisci lo snippet del tag Google subito dopo il tag HTML di apertura <head> in ogni pagina che vuoi misurare.

      <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'TAG_ID');
  </script>

    Il comando config è necessario per inviare dati ai prodotti pubblicitari Google. Molte funzionalità richiedono l'impostazione del comando config sul tuo sito web, come gli eventi raccolti automaticamente e il collegamento delle conversioni. Scopri di più sul comando config

Verificare il tag Google

Per verificare che il tag stia inviando dati, puoi utilizzare Tag Assistant o gli strumenti per sviluppatori del browser.

Verificare con Tag Assistant

  1. Vai alla pagina tagassistant.google.com/.
  2. Fai clic su Aggiungi dominio.
  3. Inserisci l'URL del sito web di cui vuoi eseguire il debug. L'URL deve iniziare con "https://" o "http://".
  4. Fai clic su Connetti.

Quando connetti Tag Assistant al tuo sito web, controlla se l'ID tag Google viene visualizzato nell'intestazione Tag Google trovati. Un'icona verde o blu indica che il tag è stato trovato e funziona correttamente.

Se Tag Assistant non riconosce il tag, consulta i suggerimenti per il debug nel Centro assistenza Tag Manager.

Puoi anche accedere al riepilogo della copertura dei tag per una panoramica dello stato dei tag del tuo sito.

Verificare con gli strumenti per sviluppatori del browser

Per verificare che i tag vengano attivati su una pagina:

  1. Apri il tuo sito web in Google Chrome.
  2. Apri gli strumenti per sviluppatori di Chrome (Visualizza > Sviluppatore > Strumenti per sviluppatori).
  3. Apri la scheda Rete.
  4. Aggiorna la pagina.

  5. Se vedi richieste a googletagmanager.com, il tag viene attivato.

    Puoi controllare ulteriormente la configurazione cercando gli hit per prodotti Google specifici:

    • Google Ads: filtra le richieste a googleadservices.com o googlesyndication.com.
    • Google Analytics: filtra le richieste a google-analytics.com.
    • Floodlight: filtra le richieste a doubleclick.net.

    Se non vedi richieste per un prodotto che hai configurato, è possibile che tu abbia caricato il prodotto solo con il comando config, ma non stia inviando alcun evento. Verifica se stai inviando eventi per questo prodotto utilizzando il comando event. Ad esempio, Google Analytics invia automaticamente un page_view evento quando viene chiamato il comando config, a meno che tu non imposti send_page_view su false.

    Se ancora non vedi richieste, controlla la presenza di errori nella console degli strumenti per sviluppatori.

    Per il debug dettagliato, utilizza Tag Assistant.

    [vn_Tag_Assistant]: //tagassistant.google.com

Passaggi successivi

Ora che hai configurato il tag Google, configura i prodotti Google e invia i dati sugli eventi.