Il ruolo e il funzionamento di Google Tag Manager è ben sintetizzato dall’immagine seguente, dove è possibile vedere lo stretto legame con Facebook Ads, Google Analytics, AdWords ecc…
Come si può vedere GTM (Google Tag Manager) viene visto come il gestore dei Tag, e si posiziona tra il tuo sito WEB e tutti gli strumenti che leggono ed elaborano i Tag.
Un Tag è una porzione di codice che ha la capacità di raccogliere dei dati da una pagina web o da una app mobile. Dopo aver installato i Tag in una pagina WEB o in una app, permettono di misurare il traffico, le visite, il comportamento dei visitatori e molto altro.
I Tag mandano informazioni verso applicazioni come Google Analytics, Google AdWords, Facebook Ads, Hotjar, DoubleClick ecc… Le informazioni vengono inviate quando il tag stesso viene sollecitato, cioè viene attivato da uno specifico evento a cui il tag viene associato.
Arriviamo quindi agli attivatori…
Gli attivatori sono dei trigger che definiscono un evento (o hit) che si deve verificare perchè una determinata azione venga eseguita. Questi eventi sono:
Quindi, questi attivatori confrontano il valore di una variabile con il valore predefinito nel pannello di amministrazione di GTM.
Praticamente un Tag viene eseguito solo se l’evento associato all’attivatore si verifica.
Abbiamo detto che i Tag mandano informazioni, molte di queste informazioni sono contenute nelle variabili.
Sono elementi che contengono valori, i quali possono essere modificati e personalizzati. Le variabili posso contenere informazioni come:
Le variabili possono essere predefinite da GTM, o possono essere personalizzate a seconda delle esigenze.
Il Data Layer (o variabile di livello dati) è un particolare tipo di contenitore di oggetti che viene utilizzato per memorizzare più oggetti. Praticamente una array.
Gli oggetti contenuti dal Data Layer possono essere praticamente di ogni tipo: stringhe, costanti, variabili, o altre array
In alto a destra abbiamo il pulsante di Anteprima (Debug/Visualizzazione in anteprima), che permette di verificare il corretto funzionamento dei Tag implementati prima che si pubblicano definitivamente.
In modalità anteprima, c’è la possibilità di visualizzare i Tag eseguiti nella pagina in cui ti trovi, i tag implementati ma non eseguiti, il valore delle variabili, e i dati presenti nel Data Layer.
Una volta che avrai cliccato sul pulsante in alto a destra, si aprirà una apposita schermata su sfondo arancione (vedi screen shot sopra).
Dopo aver attivato l’anteprima, sempre sullo stesso browser, vai sul sito su cui hai attivato l’anteprima, e vedrai una finestra in basse che ti permetterà di vedere i Tag, le Variabili e i valori presenti nel Data Layer:
In questo modo, avrai la possibilità di verificare il corretto funzionamento dei tuoi Tag e delle relative modifiche.
A sinistra trovi un elenco degli eventi che si sono scatenati sulla pagina che stai visualizzando. Come default ne avrai 3:
Questi sono eventi che corrispondono a momenti temporali ben definiti nel caricamento della pagina HTML. Cliccando su ognuno degli eventi visualizzati, puoi vedere i Tag, le Variabili e i valori del Data Layer corrispondenti.
In particolare:
Google Tag Assistant è un’estensione del browser Chrome che consente di rilevare e visualizzare in tempo reale la presenza di codici di monitoraggio nelle pagine visitate. Dopo averlo installato, e attivato, vedrai l’icona
in alto a destra, e potrai vedere facilmente se nella pagina in cui ti trovi sono installati dei Tag di:
Visitando una pagina che presenta dei Tag, l’icona cambierà colore e mostrerà il numero di Tag trovati. I colori possibili sono:
E’ possibile avere maggiori dettagli su ogni Tag Rilevato semplicemente cliccandoci sopra.
Puoi inoltre utilizzare la modalità Record, con la quale l’estensione registra la sequenza di pagine visitate e crea un report relativo al tempo di caricamento delle pagine, ai Tag rilevati e alle informazioni di questi Tag.
Ad esempio, in un blog o in un sito istituzionale potrebbe risultare utile registrare la sequenza della operazioni di registrazione utente o registrazione newsletter.
Per utilizzare la modalità Record, è necessario cliccare su Record (nella parte bassa della finestra precedente), Visitare le pagine desiderate, e al termine tornare nella finestra Google Tag Assistant e cliccare su stop Recording. Per accedere al report, cliccare su Show full report
Cliccando l’Icona dell’estensione, avrai la possibilità di scegliere quale evento analizzare:
Dopo aver installato il plugin GTM Sonar, avrai la possibilità di tenere traccia delle variabili e del Data Layer, presenti nel debug, in fase di cambio pagina. Infatti GTM Sonar blocca il cambio pagina, mantenendo i dati nel debug.
Cliccando su Link Click Listener, il plugin traccierà tutti gli eventi che GTM automaticamente crea, cioè gtm.linkClick per gli eventi di tipo Click sui link, gtm.click per i click generici e gtm.formSubmit.
WASP Inspector è un plugin del browser chrome, che consente di visualizzare un diagramma con tutti i tag e gli script installati sulla pagina corrente:
Cliccando su un qualsiasi Tag o Script, si apriranno a cascata tutti i relativi Tag, eventi o elementi JavaScript implementati.
Ercole Palmeri: Innovation addicted
Nasce l’Osservatorio del Nordest sull’economia dell’Innovazione Nim, (Numbers Innovation Motion) è un progetto di Galileo Visionary District realizzato in collaborazione…
ASKtoAI lancia le innovative funzionalità Memory e Personality, strumenti d'avanguardia per la creazione di contenuti digitali che promettono di migliorare…
Discuss , la piattaforma leader appositamente creata per trasformare le esperienze in insight, ha potenziato le sue capacità di scalare la…
Con le festività che si avvicinano rapidamente, Blue Lake Packaging è entusiasta di offrire un'alternativa ecologica al nastro da imballaggio…
Netlogistik , leader in potenti servizi che guidano le aziende verso la trasformazione digitale della catena di fornitura, ha recentemente tenuto…
Annuncia una soluzione integrata che combina FPGA di Lattice a bassa potenza e bassa latenza con la piattaforma NVIDIA Orin…
Con un successo clamoroso, il Textile Export Promotion Project (TEPP), guidato dalla Taiwan Textile Federation nel 2023, ha messo in…
Lattice presenta i nuovi FPGA mid-range Lattice Avant-G e Lattice Avant-X, stack di soluzioni specifiche per le applicazioni ampliate e…
Innovazione per i professionisti della gestione della conoscenza e dell'innovazione (KM&I). Nel settore legale è ora disponibile un riferimento completo…
La Eclipse Foundation , una delle più grandi fondazioni di software open source al mondo, ha annunciato oggi la formazione dell'Eclipse…