Come tracciare Contact Form 7 su Google Analytics tramite Google Tag Manager

Perchè ci occorre tracciare Contact Form 7 su WordPress tramite Google Tag Manager?

La questione nasce da un problema di fondo. Il plugin CF7 infatti non richiama una “thank you page” ad ogni submit, bensì utilizza una richiesta Ajax che fa comparire nella pagina stessa il messaggio che ci avvisa dell’avvenuto invio del form.
Questo rende più difficoltoso il tracciamento dei submit tramite GA.

Inoltre da qualche mese gli sviluppatori CF7 hanno deprecato le classiche regole di tracciamento tramite snippet di tipo on_sent_ok rendendoci ancor più difficile la vita.
In questa giungla di novità ci viene in soccorso GTM.
In questo articolo vedremo come si tracciano in GA i submit generati da CF7, tramite l’implementazione di GTM.

ATTENZIONE – Attivazione codice monitoraggio eventi su plugin GADWP
Se anche voi, come me, utilizzate il plugin Google Analytics Dashboard per WordPress per monitorare il vostro sito su GA, assicuratevi di aver settato “ON” tutte le opzioni di monitoraggio eventi.

STEP 1- Installiamo il plugin DuracellTomi
Dopo aver installato Google Tag Manager sul nostro sito (qui spiego come si fa) procediamo con un altro requisito fondamentale per il funzionamento del tracciamento, ovvero l’installazione del plugin DuracellTomi’s.

Una volta installato, configuriamolo in questo modo:

• Individuiamo il plugin di DuracellTomi e clicchiamo su “Impostazioni”.
• Clicchiamo sulla tab “Generali”.
• Inseriamo il nostro GTM ID che troviamo in alto a destra della nostra Area Lavoro di GTM e spuntiamo la voce Custom.

• Clicchiamo sulla tab “Integration”
• Se Contact Form 7 è già installato e attivato, dovremmo avere la possibilità di spuntarlo. Selezioniamolo come nell’immagine:

Per vedere se sta funzionando tutto correttamente consiglio di fare un check con Google Tag Assistant, l’estensione di Chrome installabile da questo Google Tag Assistant.

Questa spunta ci permetterà di includere un evento nel DataLayer dopo l’invio del form.
Infatti, se andiamo in “Modalità Anteprima” di GTM

e proviamo a inviare il form del nostro sito, adesso vedremo comparire un evento gtm4wp.contactForm7Submitted che prima non c’era. Nel prossimo passo andremo a creare il suo Attivatore.

STEP 2- Creiamo l’attivatore di tipo evento personalizzato

• Nel menu a sinistra di GTM andiamo su Attivatori > Nuovo > Configurazione Attivatore.
• Tipo di Attivatore: Evento Personalizzato.
• Nome Evento: “gtm4wp.contactForm7Submitted”
• Questo attivatore si attiva su: Tutti gli eventi personalizzati
• Nominiamo l’Attivatore. Chiamiamolo “gtm4wp.contactForm7Submitted” per comodità

STEP 3 – Creiamo il Tag di GA

• Tag > Nuovo > Configurazione Tag
• Tipo di Tag: Universal Analytics.
• Tipo di Monitoraggio: Evento.
• Categoria: Contact Form 7.
• Azione: Compilazione Form Contatti.
• Impostazioni di Google Analytics: seleziona Abilita l’Override.
• ID Monitaggio: inseriamo qui il codice UA di Google Analytics.
• Attivazione: seleziona l’Attivatore gtm4wp.contactForm7Submitted.
• Nominiamo il Tag: “GA – Evento – Contact Form 7”.
• Salviamo

STEP 4 – Verifica
Per verificare che tutto sia corretto andiamo in Modalità Anteprima di GTM. Tra i “Tags not fired” troveremo l’evento appena creato.
Se proviamo a compilare il form l’evento apparirà tra i “tags fired”.

STEP 5 – Creazione obiettivo su GA
Abbiamo fatto tutto questo per poter tracciare i submit del nostro form su Google Analytics.
Ora spostiamoci su GA e dal pannello di Amministrazione > Vista > Obiettivi creiamo un nuovo obiettivo.

• Tipo di obiettivo: Personalizzato
• Nome: CF7
• Tipo: Evento
• Categoria: form

Aspettiamo qualche minuto e se proviamo a compilare il nostro form, nel Real Time di GA possiamo vedere come il nostro evento venga correttamente registrato.

Questo articolo ti è stato utile? E allora condividilo;)