Google Tag Manager: il sistema di gestione per i vostri snippet di monitoraggio e di test

Quando integrate servizi esterni nel vostro progetto web per misurare il grado di successo o le campagne pubblicitarie avviate, dovete normalmente destreggiarvi tra un gran numero di snippet di codice. Ciò richiede, oltre a determinate competenze di programmazione, un elevato sforzo di gestione. Se manca la possibilità di accedere direttamente al codice sorgente, per l’implementazione di nuovi servizi di analisi e di monitoraggio è necessario contattare ogni volta il programmatore responsabile. Per risolvere la questione, Google ha rilasciato alcuni anni fa Google Tag Manager, il quale semplifica notevolmente l’integrazione di diversi codici.

Con Google Tag Manager (GTM) Google ha rilasciato a ottobre 2012 il proprio sistema di gestione per l’integrazione e la gestione di tag JavaScript e HTML. Mentre la prima versione era stata concepita prima di tutto per le soluzioni sviluppate da Google, cioè Analytics, AdWords e DoubleClick, il Tag Manager supporta a partire dalla versione 2 (2014), specialmente grazie al rilascio di API ufficiali, un numero sempre maggiore di tag di terze parti. In questo caso Google Tag Manager non si limita solo all’implementazione di strumenti di analisi e di conversione: anche i tag di remarketing e di affiliazione così come snippet di strumenti di test come Tasty o Mouseflow (strumento per la mappa di calore) si possono integrare nel progetto web desiderato (siti e app per i dispositivi mobili) grazie al software di Google.

Anche con l’aiuto di Google Tag Manager non si riesce ad accedere direttamente al codice sorgente. Al contrario dell’integrazione tramite snippet senza Tag Manager, l’accesso all’HTML è necessario un’unica volta: subito all’inizio aggiungete il cosiddetto snippet contenitore sotto forma di due parti di codice breve nelle sezioni head e body; tutte le altre implementazioni si risolvono direttamente dall’interfaccia web di Google Tag Manager. Lo snippet contenitore funge da luogo centrale dal quale tutti i tag che configurate dall’interfaccia del browser vengono attivati insieme. Nel Tag Manager si possono apportare anche modifiche successive a uno snippet. Se un giorno non ne avrete più bisogno, si può semplicemente eliminare dal contenitore.

Per fare in modo che lo snippet contenitore sia responsabile del fatto che le interazioni utente e le informazioni vengano raccolte e inoltrate ai rispettivi servizi, dovete creare i tag e gli attivatori giusti con Google Tag Manager. Inoltre con le variabili si possono specificare questi elementi di base dello strumento di Google: per tutti e tre i componenti ci sono diversi schemi già pronti, ma potete anche personalizzare le impostazioni. Nei prossimi paragrafi vi spieghiamo quale funzione ricoprono i tag, gli attivatori e le variabili.

I tag sono le unità di controllo centrali del Tag Manager di Google. La loro funzione è quella di stabilire quali informazioni devono essere inviate a determinati servizi e vengono presentati sotto forma di codice. In linea di massima i tag non sono altro che snippet, che dovreste integrare nel codice HTML. Oltre ai tag standard ci sono degli speciali tag JavaScript che non servono a inoltrare informazioni, ma attivano altri tag. Generalmente Google Tag Manager carica tutti i tag presenti in un contenitore, separati tra loro e in modo parallelo agli altri elementi del progetto web. Tramite un meccanismo di caching intelligente viene ottimizzato il numero di richieste (requests) a cui il web server deve rispondere.

Con gli attivatori definite a quali condizioni deve essere attivato un determinato tag su Google Tag Manager. Concretamente rientrano in questo caso quelle iniziative utente o eventi che portano all’esecuzione di un codice, quindi lo attivano (dall’inglese “trigger”). Può essere ad esempio il caso di semplici visualizzazioni di pagine, di finestre caricate o di messaggi di errore, ma anche di clic attivi dei visitatori su un determinato pulsante. Inoltre potete ovviamente stabilire come attivatore per i tag anche la compilazione di un modulo, l’iscrizione alla newsletter o la visualizzazione di un video. È possibile usare lo stesso attivatore per più tag.

Se volete affinare ulteriormente le impostazioni per determinati tag e attivatori, potete ricorrere alle variabili del Tag Manager. Le variabili danno la possibilità ai tag di rilevare valori dinamici. Nel caso in cui in un negozio online debbano essere monitorate anche informazioni come transazioni o la consegna dei prodotti acquistati, è possibile regolarle grazie alle variabili. In maniera analoga, le variabili servono a specificare gli attivatori. Mentre con un attivatore stabilite solo che deve essere attivato un tag non appena viene aperta una pagina, con una variabile potete definire per quale pagina/e o URL applicare questa azione.

I motivi per cui Google Tag Manager rappresenta un valido aiuto per chi lavora con diversi strumenti di analisi e di monitoraggio sono vari. Di seguito riassumiamo i vantaggi del software di Google:

• La memorizzazione dei tag nella cache minimizza le richieste server e riduce i tempi di caricamento del progetto web.
• Minimizzazione generale del codice sorgente.
• Integrazione e gestione semplice di tutti i tag con un’unica interfaccia web, dopo un accesso necessario al codice sorgente.
• Il blocco permanente di snippet indesiderati o tipi di snippet aumenta lo standard di sicurezza del vostro sito/app.
• Diversi modelli già pronti per i tag, le variabili e gli attivatori.
• Verifica automatica di tag utilizzati nella modalità di anteprima e debug.
• Registrazione di tutte le attività di tag e di tutte le modifiche nelle impostazioni account di Google Tag Manager.

Come si può esattamente utilizzare il Tag Manager di Google per il proprio sito o la propria app? Visto che il Tag Manager è uno strumento basato sul web, non è necessaria alcuna installazione e l’interfaccia utente è raggiungibile da qualsiasi browser. È gratuito e potete iniziare subito a utilizzarlo. L’unico requisito è quello di avere un account Google valido. Se utilizzate già servizi come AdWords, Gmail o Google Drive, significa che avete già un account, in caso contrario dovete prima andare sulla pagina di Google e crearne uno per poi accedere a Google Tag Manager.

Salvate il nuovo tag creato di Google Analytics tramite l’omonimo pulsante e scegliete nella finestra che compare la voce “Salva“. Il nome del tag proposto potete salvarlo così com’è.

Cliccate su “Salva“ e date il nome appropriato al nuovo attivatore.

Cliccate su “Pubblica” per concludere l’attivazione del vostro primo contenitore di tag.