Nelle tue pagine web potresti avere delle Tab, cioè delle schede contenute nella stessa pagina. Potrebbe essere interessante sapere se un utente clicca su una di queste Tab e ne legge quindi il contenuto.

Con questa guida ti spiegherò come tracciare i click sulle Tab utilizzando Google Tag Manager.

Step 1 – Attiva le variabili integrate

Per prima cosa, dovrai attivare le Variabili integrate relative ai click.
Vai quindi in Google Tag Manager, alla voce Variabili. Da qui, attiva tutte le variabili sotto la voce Click.

Step 2 – Crea l’Attivatore

Crea ora un nuovo Attivatore. Imposta:

Scegli evento: “Click”
Configura attivore, Target: “Tutti gli elementi”
Attiva su: “Alcuni click” ed inserisci: “Click URL contiene #tab”.

Salva l’Attivatore nominandolo “Click Tab”.

L’URL collegato alle Tab, infatti, contiene la classe “tab” e per questo utilizziamo #tab. Questo ci aiuta a distinguere un click sulla Tab da tutti gli altri click.
Nello specifico:

<div class="tab first">primo tab</div> ....
<div class="tab second">secondo tab</div> ....

Step 3 – Crea il Tag

Crea ora un nuovo Tag. Imposta:

Scegli prodotto: Google Analytics
Scegli un tipo di tag: Universal Analytics

Nel terzo step di creazione del Tag, Configura Tag, imposta:
ID di monitoraggio
: inserisci il tuo ID di monitoraggio di Analytics oppure la relativa Variabile già creata, se hai seguito la mia guida
Tipo di monitoraggio: Evento
Categoria: Click sulla Tab
Azione: {{Page Path}}
Etichetta: {{Click Text}}
Hit da non interazione: se vuoi che un click sulla Tab figuri come un interazione (e quindi influisca sulla frequenza di rimbalzo) seleziona False, altrimenti seleziona True

Continua ed Attiva su: seleziona l’Attivatore appena creato “Click Tab”.

Salva il Tag. Puoi rinominarlo, ad esempio, “GA – Evento – Click Tab”.

Step 4 – Visualizza in Anteprima

Prima di pubblicare, come di consueto, verifica il corretto funzionamento del Tag con la modalità Debug / Visualizzazione in anteprima di Google Tag Manager. Attiva la modalità Anteprima e visita la pagina nel tuo sito che contiene le Tab.

Clicca sulle Tab, vedrai che il Tag “GA – Evento – Click Tab” passerà da Tags Not Fired On This Page a Tags Fired On This Page.

Se tutto fila liscio… pubblica il Tag!

Accedendo ai tuoi rapporti di Google Analytics, nella scheda Eventi potrai ora visualizzare l’evento Click Tab ogni volta che gli utenti cliccheranno su una Tab!

A presto e… buon Tag!

 

  • Reply

    Martina

    23 03 2017

    Ciao Matteo,
    ho provato a seguire le tue indicazioni per tracciare delle tab che sono presenti sul mio sito per la sottoscrizione di newsletter però purtroppo non funziona. Ho notato che nel mio sito non c’è la discriminante #tab nelle pagine in cui è presente la tab. Come posso tracciare queste tab?

    Grazie mille

    • Matteo Zambon

      23 03 2017

      Ciao Martina, l’esempio che ho indicato io utilizza una classe negli elementi che è “tab”. Ho aggiornato l’articolo mettendo l’esempio pratico HTML. Nel tuo caso dovresti identificare l’id o la classe dell’elemento che clicchi (lo spiego molto bene nel video corso AL COMANDO).

      Fammi sapere se ti serve aiuto.

      Matteo

  • Reply

    Alessandro

    16 03 2017

    Ciao Matteo,
    quando clicco il mio tag in preview mode, appare tra i fired solo per un momento e poi scompare, perché?
    Inoltre non capisco come impostare correttamente Categoria, Azione ed Etichetta.
    Queste sono variabili da scegliere cliccando tra le opzioni del box laterale? Se si, una volta scelto Page Path (Azione) devo sostituirlo con il “title” e Click Text (Etichetta) con l’ “alt” del mio href di riferimento? Da dove estrapolo Categoria?

    Grazie ancora
    Alessandro

    • Matteo Zambon

      18 03 2017

      Ciao Alessandro, il tag viene attivato in un evento particolare (devi cliccare gli eventi a sinistra). Le voci Categoria, evento ed etichetta sono i valori dell’evento in google analytics. Puoi inserire dei valori statici o dinamici. Puoi inserire i valori che ritieni opportuno.

      PS: Hai letto il mio libro Google Tag Manager per Principianti? Potrebbe senza dubbio aiutarti. Un altro acceleratore alle tue competenze è il video corso “AL COMANDO”. Pensaci 🙂

    • Alessandro

      19 03 2017

      Ciao Matteo,
      grazie per il chiarimento. Ah, se nella guida sono spiegate in profondità questi concetti sono ben lieto di acquistarla!

    • Matteo Zambon

      22 03 2017

      Ciao Alessandro 🙂 Sì sono spiegati in modo molto dettagliato. Fammi sapere se hai bisogno di altre informazioni!

      A presto

  • Reply

    Sara

    01 01 2017

    Ciao Matteo, per quanto riguarda il tracciamento delle tab la spiegazione è molto chiara, ma non so se il procedimento sia sempre così lineare. Ad esempio, mi è capitato di dover tracciare le tab di un accordion in cui erano validi sia i clic sulla label della tab sia i clic sul contenitore (le URL delle tab non cambiavano).
    Inoltre, almeno nel caso degli accordion, bisognerebbe riuscire a distinguere tra i clic per l’apertura delle tab e i clic per la loro chiusura.
    Non vedo come poterlo fare senza l’aiuto di uno sviluppatore. Intanto spero di trovare aggiornamenti sulle varie casistiche per il tracciamento da GTM di queste tipologie di tab. Grazie! Sara

    • Matteo Zambon

      02 01 2017

      Ciao Sara,
      tipicamente vengono applicate delle classi diverse nella chiusura/apertura. Potresti tracciare quelli o nel caso tu non possa gestirlo con un programmatore, potresti salvarti lo stato (aperto o chiuso) su un cookie (sempre con GTM) così da gestire sempre il cambiamento 🙂

      Fammi sapere, a presto!

  • Reply

    Alessandro Marengo

    22 02 2016

    Ciao.
    Ho bisogno di tracciare il click su un’immagine.
    La situazione: revolution slider con un layer in cui c’è un video e altri 3 layer, ciascuno con una immagine, un simbolo play, pausa e riavvia. Se clicco su un’immagine, il video si avvia, si mette in pausa o riparte.
    Ho impostato un attivatore che si attivi al clic con css selector contiene o corrisponde una delle tre classi impostate (.play, pause o .restart)
    Pensavo di averci capito qualcosa, ma proprio non ci riesco a capire dove sbaglio!
    Avrei bisogno che l’Etichetta del tag mi riporti Play, Pause o Restart e che si attivi solo quando clicco su quelle immagini.
    Come posso fare?
    Vedi la pagina http://www.tedxvicenza.com
    Grazie sin d’ora per l’aiuto.

    • Matteo Zambon

      22 02 2016

      Ciao Alessandro ho dato uno sguardo veloce. Ci sono parecchi errori nel sito te li elenco:

      Detto questo l’approccio dovrebbe essere corretto, l’attivatore dovrebbe attivarsi quando clicchi l’elemento di immagine. Ti consiglio di risolvere questi due punti.

      A presto!

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

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *