Guida Base: Fare un Push Event per Creare Eventi Personalizzati in Google Tag Manager

[Aggiornata il 03 Maggio 2018]

Il Data Layer: questo oggetto un po’ misterioso e nebuloso di cui si parla tanto a proposito di Tag Manager ma che tanti ancora non hanno ben capito che (diavolo) è.

Una cosa è certa: di sicuro non è qualcosa che si mangia 😀

Eppure è molto importante capirne il funzionamento per avere una maggiore padronanza di GTM.

Ti ho spiegato già nel glossario apposito cosa è il Data Layer e come funziona, e qua invece ti ho spiegato cosa vuol dire “Push” o “pushare”.

Bene. Adesso ci addentriamo un po’ nell’argomento, voglio spiegarti cosa vuol dire esattamente “fare un push event” nel Data Layer. Ma procediamo per gradi.

Ti ho già spiegato nei glossari che ti ho linkato che il Data Layer è un oggetto di codice JavaScript (o meglio un Array Javascript) che mette in comunicazione il tuo sito con Google Tag Manager, che a sua volta riceve dati da altri software basati sui Tag (come Google Analytics o Google Adwords, ma non solo naturalmente).

Il Data Layer in pratica ha questa forma qua:

<script>
window.dataLayer = window.dataLayer || [];
</script>

e per funzionare deve essere collocato prima nel Tag contenitore di Google Tag Manager, nell’<head> della pagina.

Il Data Layer può essere poi modificato al suo interno, in modo tale da “pushare” (ovvero “immettere” o “iniettare”) i valori che ci servono. Questi valori che possiamo immettere possono essere variabili, costanti, eventi, stringhe e persino altri Array.

Datalayer push event: ovvero come creare un evento personalizzato

Il Push Event è una particolare tipo di Variabile utilizzata per l’attivazione dei Tag, quando l’utente interagisce con la pagina ad esempio compilando un form, cliccando su un pulsante, un link, eccetera o semplicemente in corrispondenza di un’azione che decidiamo noi.

Esempio concreto:
potremmo voler far partire un Tag di Google Analytics di tipo evento e un evento con il Pixel di Facebook quando un utente compie una di queste azioni che ho appena descritto.

<a href="#" name="button1" >dataLayer.push({'event': 'button1-click'});" >Contattaci</a>

Questo vuol dire che cliccando sul pulsante “Contattaci” si verrà scatenato l’evento ‘button1-click’.

Lo puoi vedere anche in Modalità Anteprima su Google Tag Manager, se clicchi sul pulsante adesso nel menu a sinistra vedrai comparire questo:

Ok, concordo con te che il nome dell’evento fa schifo.
Niente paura, se scriviamo:

<a href="#" name="button1" >dataLayer.push({'event': 'contatto'});" >Contattaci</a>

l’evento ora sarà nominato ‘contatto’.

Ecco un altro esempio di push event:

dataLayer.push({'event': 'mioevento', 'chiavechevoglio': 'valore che voglio'});

 

E ora come intercetto queste Variabili su GTM ora che le ho in pancia?

Ecco la risposta!

In Google Tag Manager si possono creare anche degli Attivatori Evento Personalizzato. Li trovi qua:

• Attivatori > Nuovo > Evento Personalizzato

Adesso nel campo “Nome Evento” ti basterà inserire esattamente il nome che abbiamo scelto per l’evento:

• button1-click nel primo caso
• contatto nel secondo caso
• mioevento nel terzo

Salva l’Attivatore Evento Personalizzato nominandolo allo stesso modo 🙂

 

Ricordati sempre di rendere effettive le modifiche pubblicando la nuova versione del contenitore, ovvero cliccando il pulsante blu “Invia”!

That’s all, Folks! A presto e… Buon Tag!