Come aggiungere Google Tag Manager al tuo sito (configurazione) | We.Inc
Installa Google Tag Manager come lo documenta Google: snippet head e body, un tag Google per GA4, modalità Anteprima e tracciamento delle app single page. Generatore di snippet per il tuo ID GTM.
Crea un contenitore in Tag Manager per ottenere un ID come GTM-ABCD123. Incolla il primo snippet di Google il più in alto possibile nel <head> e il secondo, un iframe noscript, subito dopo il tag di apertura <body> su ogni pagina. Poi aggiungi i tag, come il tag di Google Analytics, dentro Tag Manager e pubblica.
La configurazione in breve
Passaggio
Dove
Cosa fai
1. Crea un contenitore
Scegli Web come piattaforma e annota l'ID GTM-
2. Installa gli snippet
L'HTML del tuo sito o le impostazioni del tema
Snippet head in alto nel <head>, snippet noscript subito dopo <body>
3. Aggiungi un tag
Area di lavoro di Tag Manager
Per Analytics: tipo di tag Tag Google con il tuo ID G-
4. Testa
Pulsante Anteprima
Tag Assistant si collega al tuo sito e mostra quali tag sono stati attivati
5. Pubblica
Invia nell'area di lavoro
Sul tuo sito non va online nulla finché non pubblichi
Google Tag Manager è un contenitore gratuito per i codici di tracciamento. Invece di incollare nel sito lo script di ogni strumento, installi un contenitore una volta sola, poi aggiungi, modifichi o rimuovi i tag (piccoli script per analytics, annunci e strumenti simili) dal sito di Tag Manager. Scrivi l'ID del tuo contenitore nel generatore per avere entrambi gli snippet pronti da incollare.
Inserisci l'ID del contenitore. Il generatore controlla che abbia la forma GTM- seguito da lettere e numeri.
Copia lo snippet head nel <head> di ogni pagina, il più in alto possibile.
Copia lo snippet body nella riga subito dopo il tag di apertura <body>.
Apri Tag Manager, fai clic su Anteprima, inserisci l'indirizzo del tuo sito e verifica che Tag Assistant indichi Connesso.
Installa un solo contenitore per sito. La guida di Google sul data layer avverte che più di un data layer per pagina fa attivare i tag in modo errato.
Se una pagina imposta dati per i tag, metti window.dataLayer = window.dataLayer || []; e le tue chiamate push sopra lo snippet del contenitore.
Rimuovi qualsiasi codice Analytics incollato direttamente prima di aggiungere lo stesso tag in Tag Manager, altrimenti ogni visita viene contata due volte.
Molti website builder hanno un campo per l'ID GTM. Se il tuo ce l'ha, usalo e non incollare nulla a mano.
Domande frequenti
Dove va esattamente il codice di Google Tag Manager?
La guida all'installazione di Google dice di incollare il primo blocco il più in alto possibile nel tag <head> e il secondo blocco subito dopo il tag di apertura <body>, su ogni pagina del sito.
Mi serve ancora la parte noscript?
Google la include nel codice di installazione. È un iframe racchiuso in un elemento noscript, che i browser usano solo quando JavaScript è disattivato. Incollala esattamente come te la dà Google.
Come aggiungo Google Analytics 4 tramite Tag Manager?
In Tag Manager, aggiungi un nuovo tag, scegli Tag Google come tipo e inserisci il tuo ID tag che inizia con G-. Scegli un attivatore di inizializzazione, salva, testalo in Anteprima e poi pubblica.
Perché Tag Manager non traccia i cambi di pagina nella mia app single page?
Le app che cambiano pagina senza ricaricarla non generano un nuovo caricamento di pagina. Usa l'attivatore Modifica cronologia, che secondo Google si attiva quando cambia il frammento dell'URL o quando il sito usa l'API pushState di HTML5.
Google Tag Manager è gratuito?
La versione standard è gratuita. Google vende anche Tag Manager 360 come parte dei suoi prodotti enterprise.
Testare con la modalità Anteprima
Nella tua area di lavoro, fai clic su Anteprima in alto a destra. Tag Assistant si apre in una nuova scheda: inserisci l'indirizzo del tuo sito e fai clic su Connetti. Il sito si apre in una nuova finestra e mostra Connesso nell'angolo.
Torna nella scheda di Tag Assistant e fai clic su Continua per vedere ogni evento e quali tag sono stati attivati. Correggi tutto ciò che non si è attivato prima di pubblicare.
Inviare i tuoi eventi
Il data layer è un array JavaScript che passa informazioni a Tag Manager. Invia con push un oggetto con una chiave event, come un'iscrizione alla newsletter, e crea un attivatore Evento personalizzato con lo stesso nome.
La guida di Google dice che il data layer distingue maiuscole e minuscole, quindi dataLayer funziona e datalayer no, e che devi sempre e solo fare push su di esso, mai riassegnarlo.
Inviare un evento al data layer
Usalo quando succede qualcosa che Tag Manager non vede da solo, come un modulo che si invia senza lasciare la pagina.
Evento di iscrizione alla newsletter
Crea in Tag Manager un attivatore Evento personalizzato chiamato newsletter_signup per attivare i tag su di esso.
Gli attivatori che userai per primi
Attivatori comuni di Tag Manager
Attivatore
Si attiva quando
Uso tipico
Inizializzazione
Prima di tutti gli altri attivatori tranne Inizializzazione consenso
Tag Google per Analytics
Visualizzazione di pagina
Quando il browser inizia a caricare una pagina
La maggior parte degli altri tag a livello di pagina
Modifica cronologia
Cambia il frammento dell'URL o la pagina chiama pushState
Visualizzazioni di pagina nelle app single page
Evento personalizzato
Il tuo codice invia al data layer un evento corrispondente
Invii di moduli, iscrizioni, prenotazioni
Clic
Un visitatore fa clic su un elemento o su un link
Clic sui link di telefono ed email
Generatore di snippet
Scrivi l'ID del contenitore che trovi in alto nella tua area di lavoro di Tag Manager. Tutto viene generato nel tuo browser.
ID contenitore
Sembra corretto. Incolla entrambi gli snippet su ogni pagina.
Non sembra un ID contenitore. Dovrebbe iniziare con GTM- seguito da lettere e numeri.