Google Tag Manager - Monitoraggio avanzato

È il momento di esaminare alcuni scenari complessi, in cui è possibile tenere traccia degli elementi critici per l'azienda. Vedremo come creare un evento personalizzato, che non è predefinito o disponibile per impostazione predefinita.

In questo capitolo vedremo:

  • Implementazione di eventi personalizzati
  • Monitoraggio dello scorrimento del mouse

Implementazione di eventi personalizzati

Ci saranno casi in cui potresti voler creare un evento, che è diverso dagli eventi disponibili in GTM. Per ottenere ciò, dovremo creare un evento personalizzato, che utilizzi le variabili esistenti dal livello dati.

Considera lo scenario in cui facciamo clic sul collegamento interno creato in precedenza. Creiamo un evento personalizzato chiamato urlClick, che leggerà la variabile del livello dati gtm.elementurl.

Step 1- Per fare ciò, creiamo una variabile chiamata urlName dalla sezione Variabili. Usando il solito processo, crea la variabile.

Sopra è mostrato un esempio di variabile del livello dati: urlName.

Ora useremo questa variabile per creare il nostro evento personalizzato. L'evento personalizzato verrà utilizzato quando creiamo il trigger. Vedere lo screenshot seguente per riferimento.

Step 2- Crea un trigger per attivare l'evento che è già presente, facendo clic sul collegamento interno. In Nome evento, specifica gtm.linkClick.

Ora creiamo il tag.

Step 3- Segui la stessa procedura per creare il tag. Ecco i dettagli -

  • Tipo di tag: Universal Analytics
  • Tipo di traccia - Evento
  • Categoria - Fare clic sul collegamento
  • Azione: fare clic su

Step 4 - Per l'etichetta, utilizza l'etichetta creata di recente, urlName.

Step 5- Una volta terminato, seleziona Abilita impostazioni di sostituzione in questo tag. Nella casella di testo Tracking ID, inserisci il tuo codice di monitoraggio di Google Analytics.

Quando si seleziona un trigger, assicurarsi di selezionare il trigger creato di recente: URL su cui è stato fatto clic.

Step 6- Salva il tag. Fai clic su Anteprima per vedere le modifiche nel tuo blog.

Step 7- Ctrl + clic sul collegamento interno. Dovresti essere in grado di vedere l'evento gtm.linkClick nella casella Riepilogo. Inoltre, dovresti vedere il tag attivato come mostrato nello screenshot seguente.

In questo modo, possiamo utilizzare gli eventi esistenti per creare eventi personalizzati e avere un monitoraggio corretto per i controlli che vogliamo.

Monitoraggio dello scorrimento del mouse

Quando si tratta di coinvolgere gli utenti sul blog, un marketer di prodotti potrebbe voler rilevare uno scorrimento del mouse. Il rilevamento dello scorrimento del mouse è fondamentale in quanto richiederà ulteriori azioni, come mostrare un collegamento a una newsletter o attivare un popup che fornisce una sorta di sconto sul prodotto.

Utilizzando Google Tag Manager, possiamo facilmente monitorare l'evento di scorrimento. A tale scopo, dobbiamo utilizzare un codice di terze parti, che utilizzeremo durante la creazione di un tag.

Il codice è disponibile in questa posizione. Lo useremo durante la creazione di un tag.

Step 1- Crea un trigger. Chiameremo questo trigger - un trigger di scorrimento.

Fare riferimento alla seguente immagine per la configurazione del trigger.

Step 2- Configura il tipo di trigger - Pronto per DOM. Consenti l'attivazione di questo trigger - Tutti gli eventi pronti per DOM.

Step 3 - Fare clic su SALVA una volta completati i passaggi precedenti.

Ora creiamo il tag.

Step 4 - Questa volta, quando crei un tag, seleziona un diverso tipo di tracciamento, come mostrato nella schermata seguente.

Step 5 - Quando viene selezionato HTML personalizzato, verrà visualizzato uno spazio per l'inserimento del codice HTML.

Step 6- Inserisci il codice copiato da questo link.

Step 7- Scorri verso il basso per configurare il trigger. Il trigger che abbiamo creato di recente (Scroll Trigger sopra), deve essere selezionato.

Step 8 - Fare clic su SALVA.

Step 9- Ora avvia il debugger GTM e aggiorna la pagina del blog. Vedrai due modifiche principali nella sezione Riepilogo e tag.

Step 10 - Ora scorri verso il basso per vedere il resto del blog, verranno attivati ​​un paio di altri eventi.

  • ScrollDistance
  • ScrollTiming

Questi eventi verranno eventualmente utilizzati per rilevare la posizione dello scorrimento del mouse e intraprendere ulteriori azioni di conseguenza.