FAI DECOLLARE LA TUA WEB ANALYTICS. CON GOOGLE TAG MANAGER.

Le guide e i video tutorial gratuiti di Matteo Zambon, autore del libro "GTM per chi inizia"

Guida Base: Tracciare Click Immagine con Google Tag Manager

guida-base-tracciare-click-immagine-google-tag-manager

Oggi voglio svelarti una cosa: grazie a Google Tag Manager è possibile tracciare veramente qualsiasi cosa all’interno di un sito web, persino i click sulle immagini senza link 🙂

Perchè dovresti tracciarli, anche se non hanno un link? Beh, perché è utile per capire il comportamento degli utenti sul sito. Ad esempio, se scopri che tanti utenti cliccano su un’immagine senza link, forse potrebbe essere un’opportunità trasformarli in un’immagine cliccabile.

Vediamo allora come si fa!

Innanzitutto c’è un trucchetto: gli elementi della pagina hanno solitamente una classe e/o un ID che li identifica. Possiamo scoprirli facilmente utilizzando un’attivatore di tipo click.

In alternativa possiamo scoprirlo anche con la classica funzione “ispeziona elemento”.

Una volta che abbiamo capito quali sono la classe e l’ID dell’immagine che vogliamo tracciare, prima di creare il tag bisogna creare l’attivatore.

STEP 1 – CREA GLI ATTIVATORI

Nel nostro esempio:

  • la classe della nostra immagine è Click Classes=’size-full wp-image-330 alignnone’
  • il Click ID è Click ID=’75euro’

ovvero

<img class="wp-image-330 size-full alignnone" id="75euro" src="http://www.miosito.it/mia-immagine.png" />

Avendo queste informazioni, possiamo creare due attivatori diversi: uno per la classe e l’altro per l’id. Ti basterà scegliere uno dei due per il tag 🙂

Attivatore della classe dell’immagine:

Entra in Google Tag Manager > Attivatori > Nuovo

Imposta così:
– Tipo di attivatore: Clic – Tutti gli elementi
– Questo attivatore si attiva su: Alcuni Clic
– Attiva su: Click Classes contiene wp-image-330
– Puoi chiamare l’attivatore ad esempio “Click immagine Class”
Salva

 attivatore-class-tracciare-immagine-google-tag-manager

 

 

Attivatore dell’ID dell’immagine

Clicca nuovamente su Nuovo Attivatore, ma stavolta impostalo così:

Imposta così:
– Tipo di attivatore: Clic – Tutti gli elementi
– Questo attivatore si attiva su: Alcuni Clic
– Attiva su: Click ID è uguale a 75euro
– Chiama l’attivatore ad esempio “Click immagine ID”
Salva

Bene, siamo già a buon punto. Ci manca soltanto la creazione del Tag.

STEP 2 – CREA IL TAG

Adesso possiamo creare il Tag. Nella sezione “Tag” clicchiamo su “Nuovo”.

Configuralo così:

– Tipo di tag: Universal Analytics
– Tipo di monitoraggio: Evento
– Categoria: Immagine
– Azione: Click
– Etichetta: {{Click URL}}
– Hit da non interazione: teniamola su “False”

tag-tracciare-click-immagine-google-tag-manager1

 

Se hai creato la variabile per le impostazioni di Google Analytics puoi selezionarla nel campo “Impostazioni di Google Analytics”. In alternativa abilita l’override dalla costante di Google Analytics o dell’ID di monitoraggio.
Per saperne di più sulla variabile di Google Analytics, implementata in Italia il 12 maggio 2017, puoi guardare la mia video guida 🙂
Bene, adesso è il momento di scegliere gli attivatori: seleziona entrambi gli attivatori che abbiamo creato. Puoi anche selezionarne solo uno, ma se li attivi entrambi siamo più sicuri di tracciare il giusto elemento, che male non fa 😉

Infine nomina il Tag ad esempio “GA – Event – Click Immagine” e salvalo.

STEP 3 – VISUALIZZA IN ANTEPRIMA

Come di consueto, prima di pubblicare il nuovo tag è sempre meglio verificare che funzioni correttamente grazie alla modalità di Anteprima.

Nel riquadro arancione dell’Anteprima dell’area di lavoro clicca su Aggiorna e clicca su “Anteprima” in alto a destra. Adesso la modalità Anteprima è attiva, quindi se andrai sul tuo sito vedrai in basso una finestra con i Tag Attivati (Tags Fired on This Page) e quelli non Attivati (Tags Not Fired on This Page).

Inizialmente dovresti visualizzare il nuovo Tag fra i tag (presenti) non attivati sulla pagina, cioè in “Tags Fired on This Page”.

debug-google-tag-manager-tracciare-click-immagine1

 

Se però scateniamo volontariamente un evento click sull’immagine, dovremmo vedere il tag spostarsi su Tags fired on this page. Succede esattamente questo? Bene, vuol dire che il tag funziona e può essere pubblicato 🙂

anteprima-google-tag-manager-tracciare-click-immagine1

Chiudi l’Anteprima, clicca sul pulsante blu “Invia” in alto a destra (se vuoi inserisci i dettagli della versione che ti vengono richiesti, ma non è obbligatorio) e poi clicca su “Pubblica”.

Da adesso in poi traccerai su Google Analytics anche gli utenti che cliccheranno l’immagine.

A presto e… Buon Tag!

 

PS: Se hai dei dubbi lascia pure un commento, sarò pronto a risponderti 😉

2 commenti su “Guida Base: Tracciare Click Immagine con Google Tag Manager

  1. Ben fatto. Sarebbe ancora più completo mostrare anche cosa vedi su Analytics…

    • Uè detto fatto. Aggiornerò la guida allora 🙂

Hai ancora qualche dubbio? Chiedi pure qui sotto, sarò pronto a risponderti!

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Schermata dashboard Club Tag Manager Italia

Entra GRATIS nel Club Tag Manager Italia!

Ho riaperto temporaneamente le iscrizioni al Club: il posto – l’unico posto – dove puoi accedere a TUTTI i miei materiali avanzati (ore e ore di roba).

In aggiunta, nel Club rispondo a tutte le tue domande in un gruppo di Facebook riservato ai membri!

Richiedi subito il tuo PASS GRATUITO di 60 giorni per provare senza impegno il Club Tag Manager Italia!