Guida Avanzata

Guida Avanzata: Come Tracciare lo Scrolling dopo 30 Secondi con Google Tag Manager

[Aggiornata il 01 Agosto 2022]

Attenzione: in seguito al provvedimento del Garante Privacy italiano che ha dichiarato illecita l’implementazione di Google Universal Analytics (GA3) su un sito web, è necessario eliminare il prima possibile la proprietà di GA3 dai propri progetti web e passare subito a GA4.

Se non hai dimestichezza con GA4 e desideri imparare a padroneggiare nel modo corretto questo strumento, nel mio libro su GA4 “Google Analytics 4 per chi inizia” ti guido passo passo per imparare a utilizzarlo in maniera semplice e pratica.

In fondo a questo articolo troverai il link alla guida su come tracciare l’evento Scroll in GA4 🙂

Oh che bello, hai usato un attivatore per tracciare lo scrolling dell’utente oppure un timer per tracciare l’Adjusted Bounce Rate.

Vorresti però essere un po’ più preciso, ovvero iniziare a tracciare solo gli utenti che hanno fatto scrolling dopo (ad esempio) trenta secondi, giusto?

Bene, eccoti una guida passo passo che ti spiega tutto.

STEP 1 – ABILITA LA VARIABILE INTEGRATA

Per prima cosa, abilita la variabile integrata in Google Tag Manager, sono variabili gestite direttamente dal sistema, basta solo abilitarla.

  • Sezione Variabili > Variabili definite dall’utente > Configura.
  • Scorri nell’elenco fino a trovare Scroll Depth Threshold
  • Spunta il flag per abilitare la variabile

STEP 2 – CREA LA VARIABILE PER IL TIMER

Ora non ci resta che creare una variabile contenente il valore del timer:

  • Sezione Variabili > Variabili definite dall’utente > Nuova.
  • Tipo di Variabile: Variabile di livello dati
  • Nome della variabile: gtm.timerInterval
  • Versione Livello Dati: Versione 2
  • Salva con il nome:gtm.timerInterval

STEP 3 – CREA L’ATTIVATORE RELATIVO ALLO SCROLL DI PAGINA

Boom! Accendiamo tutto con un attivatore per lo scroll di pagina, contenente una condizione relativa al timer:

  • Sezione Attivatori > Nuovo.
  • Tipo di Attivatore: Profondità di scorrimento
  • Spunta l’opzione: Profondità di scorrimento verticale
  • Nella sezione percentuali, inserirci: 50
  • Questo attivatore si attiva su: Alcune pagine
  • Aziona questo attivatore quando: gtm.timerInterval è uguale a 30000
  • Clicca sulla “+”, aggiungi: Page Path contiene /esempio/ [attenzione questo è valido per la mia pagina di test, modifica con i valori della pagina che vuoi tracciare]
  • Salva l’Attivatore come: “Scroll and Timer”

 

STEP 4 – CREA L’ATTIVATORE RELATIVO AL TIMER

Ora accendiamo anche l’attivatore per il timer, contenente una condizione relativa allo scroll:

  • Sezione Attivatori > Nuovo.
  • Tipo di Attivatore: Timer
  • Nome evento: gtm.timer
  • Intervallo: 30000
  • Limite: 1
  • Abilita questo attivatore quando: Page URL contiene /
  • Questo attivatore si attiva: Alcuni timer
  • Aziona questo attivatore quando: Scroll Depth Threshold è uguale a 50
  • Clicca sulla “+”, aggiungi: Page Path contiene /esempio/ [attenzione questo è valido per la mia pagina di test, modifica con i valori della pagina che vuoi tracciare]
  • Salva l’Attivatore come: “Timer and Scroll”

STEP 5 – CREA IL TAG  EVENTO

L’ultimo passaggio è creare il Tag di Google Analytics per raccogliere i dati relativi all’Adjusted Bounce Rate

  • Sezione Tag > Nuovo
  • Tipo di Tag: Universal Analytics
  • Tipo di monitoraggio: Evento
  • Categoria: Deep read
  • Azione: {{Event}}
  • Etichetta: Time {{gtm.timerInterval}}
  • Hit da non interazione: True [Attenzione: qui lo mettiamo a True se non vuoi che impatti nella frequenza di rimbalzo. Mettilo a False se invece vuoi che impatti]
  • Adesso seleziona la Variabile delle impostazioni di Google Analytics in Impostazioni di Google Analytics, se l’hai creata, oppure abilita l’override e seleziona la costante {{gaID}} (che dovresti avere se hai seguito la mia guida su come creare una costante per l’ID di monitoraggio di GA). In alternativa inserisci semplicemente il tuo codice UA-XXXXXX-X.
  • Aggiungi gli attivatori: “Scroll and Timer” e “Timer and Scroll”
  • Salva il Tag come: “GA – Event – Deep read”

TESTIAMO IL FUNZIONAMENTO

Uhhh ci siamo!

A questo punto ne testiamo il corretto funzionamento con la console di Debug e Anteprima.
Attiviamo la modalità di anteprima nel nostro sito, come per magia, il nostro evento viene attivato nel momento in cui passano i 30 secondi, avendo già letto più della metà della pagina.

Puoi effettuare una contro prova, aspetta che passino i 30 secondi e successivamente raggiungi la metà della pagina, vedrai che l’evento di Analytics viene eseguito ugualmente.

E se uso Google Analytics 4?

Se cerchi una guida di Google Analytics 4 che ti spieghi come tracciare l’evento Scroll di GA4, allora non ti preoccupare 😀

Ecco la guida: Come tracciare l’evento Scroll in GA4 con Google Tag Manager

In questo modo sei riuscito a tracciare un utente realmente interessato all’articolo che sta visualizzando!

Fammi sapere se ti è utile questa guida lasciandomi un commento.

Matteo Zambon

View Comments

Recent Posts

Come gestire la Consent Mode v2 con Iubenda e Google Tag Manager

Grazie alle Consent Management Platform puoi gestire in modo semplice ed efficace i consensi al…

2 mesi ago

ANALYTIX TALK: il Podcast di Marketing e Digital Analytics

Hai mai desiderato un luogo dove i commenti sulle ultime novità, i metodi delle migliori…

2 mesi ago

Tutto sulla Consent Mode e come gestire la Consent Mode v2: guida completa

Se la GDPR ti sta a cuore e se ti occupi di advertising, allora questo…

3 mesi ago

Come migrare gli eventi da Google Universal Analytics (GA3) Google Analytics 4 (GA4)

[Aggiornata il 6 Febbraio 2024] Quante volte avrai sentito la classica frase “Siamo a Luglio,…

4 mesi ago