Google Tag Manager: il sistema di gestione per i vostri snippet di mo­ni­to­rag­gio e di test

Quando integrate servizi esterni nel vostro progetto web per misurare il grado di successo o le campagne pub­bli­ci­ta­rie avviate, dovete nor­mal­men­te de­streg­giar­vi tra un gran numero di snippet di codice. Ciò richiede, oltre a de­ter­mi­na­te com­pe­ten­ze di pro­gram­ma­zio­ne, un elevato sforzo di gestione. Se manca la pos­si­bi­li­tà di accedere di­ret­ta­men­te al codice sorgente, per l’im­ple­men­ta­zio­ne di nuovi servizi di analisi e di mo­ni­to­rag­gio è ne­ces­sa­rio con­tat­ta­re ogni volta il pro­gram­ma­to­re re­spon­sa­bi­le. Per risolvere la questione, Google ha ri­la­scia­to alcuni anni fa Google Tag Manager, il quale sem­pli­fi­ca no­te­vol­men­te l’in­te­gra­zio­ne di diversi codici.

Con Google Tag Manager (GTM) Google ha ri­la­scia­to a ottobre 2012 il proprio sistema di gestione per l’in­te­gra­zio­ne e la gestione di tag Ja­va­Script e HTML. Mentre la prima versione era stata concepita prima di tutto per le soluzioni svi­lup­pa­te da Google, cioè Analytics, AdWords e Dou­ble­Click, il Tag Manager supporta a partire dalla versione 2 (2014), spe­cial­men­te 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’im­ple­men­ta­zio­ne di strumenti di analisi e di con­ver­sio­ne: anche i tag di re­mar­ke­ting e di af­fi­lia­zio­ne così come snippet di strumenti di test come Tasty o Mouseflow (strumento per la mappa di calore) si possono integrare nel progetto web de­si­de­ra­to (siti e app per i di­spo­si­ti­vi mobili) grazie al software di Google.

Anche con l’aiuto di Google Tag Manager non si riesce ad accedere di­ret­ta­men­te al codice sorgente. Al contrario dell’in­te­gra­zio­ne tramite snippet senza Tag Manager, l’accesso all’HTML è ne­ces­sa­rio un’unica volta: subito all’inizio ag­giun­ge­te il co­sid­det­to snippet con­te­ni­to­re sotto forma di due parti di codice breve nelle sezioni head e body; tutte le altre im­ple­men­ta­zio­ni si risolvono di­ret­ta­men­te dall’in­ter­fac­cia web di Google Tag Manager. Lo snippet con­te­ni­to­re funge da luogo centrale dal quale tutti i tag che con­fi­gu­ra­te dall’in­ter­fac­cia del browser vengono attivati insieme. Nel Tag Manager si possono apportare anche modifiche suc­ces­si­ve a uno snippet. Se un giorno non ne avrete più bisogno, si può sem­pli­ce­men­te eliminare dal con­te­ni­to­re.

Per fare in modo che lo snippet con­te­ni­to­re sia re­spon­sa­bi­le del fatto che le in­te­ra­zio­ni utente e le in­for­ma­zio­ni vengano raccolte e inoltrate ai ri­spet­ti­vi servizi, dovete creare i tag e gli at­ti­va­to­ri giusti con Google Tag Manager. Inoltre con le variabili si possono spe­ci­fi­ca­re questi elementi di base dello strumento di Google: per tutti e tre i com­po­nen­ti ci sono diversi schemi già pronti, ma potete anche per­so­na­liz­za­re le im­po­sta­zio­ni. Nei prossimi paragrafi vi spie­ghia­mo quale funzione ricoprono i tag, gli at­ti­va­to­ri e le variabili.

I tag sono le unità di controllo centrali del Tag Manager di Google. La loro funzione è quella di stabilire quali in­for­ma­zio­ni devono essere inviate a de­ter­mi­na­ti servizi e vengono pre­sen­ta­ti 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 Ja­va­Script che non servono a inoltrare in­for­ma­zio­ni, ma attivano altri tag. Ge­ne­ral­men­te Google Tag Manager carica tutti i tag presenti in un con­te­ni­to­re, separati tra loro e in modo parallelo agli altri elementi del progetto web. Tramite un mec­ca­ni­smo di caching in­tel­li­gen­te viene ot­ti­miz­za­to il numero di richieste (requests) a cui il web server deve ri­spon­de­re.

Con gli at­ti­va­to­ri definite a quali con­di­zio­ni deve essere attivato un de­ter­mi­na­to tag su Google Tag Manager. Con­cre­ta­men­te rientrano in questo caso quelle ini­zia­ti­ve utente o eventi che portano all’ese­cu­zio­ne di un codice, quindi lo attivano (dall’inglese “trigger”). Può essere ad esempio il caso di semplici vi­sua­liz­za­zio­ni di pagine, di finestre caricate o di messaggi di errore, ma anche di clic attivi dei vi­si­ta­to­ri su un de­ter­mi­na­to pulsante. Inoltre potete ov­via­men­te stabilire come at­ti­va­to­re per i tag anche la com­pi­la­zio­ne di un modulo, l’iscri­zio­ne alla new­slet­ter o la vi­sua­liz­za­zio­ne di un video. È possibile usare lo stesso at­ti­va­to­re per più tag.

Se volete affinare ul­te­rior­men­te le im­po­sta­zio­ni per de­ter­mi­na­ti tag e at­ti­va­to­ri, potete ricorrere alle variabili del Tag Manager. Le variabili danno la pos­si­bi­li­tà ai tag di rilevare valori dinamici. Nel caso in cui in un negozio online debbano essere mo­ni­to­ra­te anche in­for­ma­zio­ni come tran­sa­zio­ni o la consegna dei prodotti ac­qui­sta­ti, è possibile regolarle grazie alle variabili. In maniera analoga, le variabili servono a spe­ci­fi­ca­re gli at­ti­va­to­ri. Mentre con un at­ti­va­to­re 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 rap­pre­sen­ta un valido aiuto per chi lavora con diversi strumenti di analisi e di mo­ni­to­rag­gio sono vari. Di seguito rias­su­mia­mo i vantaggi del software di Google:

• La me­mo­riz­za­zio­ne dei tag nella cache minimizza le richieste server e riduce i tempi di ca­ri­ca­men­to del progetto web.
• Mi­ni­miz­za­zio­ne generale del codice sorgente.
• In­te­gra­zio­ne e gestione semplice di tutti i tag con un’unica in­ter­fac­cia web, dopo un accesso ne­ces­sa­rio al codice sorgente.
• Il blocco per­ma­nen­te di snippet in­de­si­de­ra­ti o tipi di snippet aumenta lo standard di sicurezza del vostro sito/app.
• Diversi modelli già pronti per i tag, le variabili e gli at­ti­va­to­ri.
• Verifica au­to­ma­ti­ca di tag uti­liz­za­ti nella modalità di anteprima e debug.
• Re­gi­stra­zio­ne di tutte le attività di tag e di tutte le modifiche nelle im­po­sta­zio­ni account di Google Tag Manager.

Come si può esat­ta­men­te uti­liz­za­re il Tag Manager di Google per il proprio sito o la propria app? Visto che il Tag Manager è uno strumento basato sul web, non è ne­ces­sa­ria alcuna in­stal­la­zio­ne e l’in­ter­fac­cia utente è rag­giun­gi­bi­le da qualsiasi browser. È gratuito e potete iniziare subito a uti­liz­zar­lo. L’unico requisito è quello di avere un account Google valido. Se uti­liz­za­te 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 ap­pro­pria­to al nuovo at­ti­va­to­re.

Cliccate su “Pubblica” per con­clu­de­re l’at­ti­va­zio­ne del vostro primo con­te­ni­to­re di tag.