Questa guida spiega come utilizzare Google Tag Manager (GTM) per tracciare i clic su pulsanti specifici sul tuo sito Discourse, come “Iscriviti”, “Accedi” o “Rispondi”.
Livello utente richiesto: Amministratore con accesso a Google Tag Manager
Tracciare i clic sui pulsanti con Google Tag Manager
Tracciare come gli utenti interagiscono con pulsanti specifici fornisce dati preziosi per comprendere il comportamento degli utenti e i percorsi di conversione. Sebbene Discourse tracci molti eventi di default, potresti voler monitorare elementi specifici dell’interfaccia utente come il pulsante “Iscriviti”. L’utilizzo della modalità di anteprima di Google Tag Manager (GTM) è il modo più efficiente per identificare gli elementi corretti e configurare trigger accurati.
Sommario
Per tracciare un pulsante specifico, devi prima identificare come GTM “vede” quel pulsante quando viene cliccato. Il processo prevede l’abilitazione delle variabili di clic, la creazione di un trigger di debug generico, l’utilizzo di Tag Assistant per identificare le proprietà uniche dell’elemento e quindi la creazione di un tag specifico per quel pulsante.
Abilitare le variabili di clic
Prima di poter tracciare i clic, devi assicurarti che GTM stia catturando i dati necessari dal browser.
- Naviga su Variabili nel tuo spazio di lavoro GTM.
- Seleziona Configura.
- Nella sezione Clic, seleziona tutte le caselle disponibili:
Elemento Clic,Classi Clic,ID Clic,Destinazione Clic,URL CliceTesto Clic.
Creare un trigger di clic generico
Hai bisogno di un trigger “cattura tutto” per vedere ogni evento di clic nella console di debug mentre stai testando.
- Naviga su Trigger e seleziona Nuovo.
- Clicca su Configurazione Trigger e scegli Clic - Tutti gli Elementi.
- Seleziona Tutti i Clic.
- Nomina il trigger “Tutti i Clic - Debug” e Salva.
Utilizzare l’estensione Tag Assistant
L’estensione Tag Assistant Companion ti aiuta a tracciare esattamente quale elemento GTM riceve quando interagisci con il tuo sito.
- Installa l’estensione nel tuo browser.
- Nel tuo spazio di lavoro GTM, seleziona Anteprima nell’angolo in alto a destra.
- Inserisci l’URL del tuo sito (
discourse.example.com) e clicca su Connetti.
Identificare gli elementi specifici del pulsante
Una volta che la finestra di anteprima è aperta, puoi trovare gli identificatori univoci per il tuo pulsante di destinazione.
- Clicca sul pulsante che desideri tracciare (ad esempio, il pulsante Iscriviti) sul tuo sito.
- Torna alla scheda Tag Assistant.
- Individua l’ultimo evento Clic nel riquadro di riepilogo a sinistra.
- Seleziona la scheda Data Layer per vedere le proprietà dell’elemento cliccato.
Per indirizzare specificamente il pulsante Iscriviti, puoi utilizzare la sua classe univoca: sign-up-button.
Quando crei il tuo trigger permanente, usa un Selettore CSS per assicurarti che catturi i clic anche se l’utente clicca sul testo all’interno del pulsante. Per il pulsante Iscriviti, usa:
button.sign-up-button, button.sign-up-button *
L’asterisco (*) alla fine del selettore assicura che se un utente clicca sull’elemento span di testo all’interno del pulsante, il trigger si attivi comunque.
Best practice
- Usa nomi descrittivi: Nomina i tuoi trigger e tag in modo chiaro, ad esempio “GA4 - Evento - Clic Pulsante Iscriviti”.
- Testa in modo anonimo: Quando testi i clic per pulsanti come “Iscriviti”, è spesso meglio utilizzare una finestra di navigazione in incognito o disconnettersi dal tuo sito Discourse per assicurarti che il pulsante sia visibile.
- Valida prima di pubblicare: Controlla sempre il riquadro Riepilogo in Tag Assistant per confermare che il tuo tag specifico si attivi solo quando viene cliccato il pulsante previsto.