Guida Base: Tracciare Plugin Contact Form 7 per WordPress con Google Tag Manager

[Aggiornat0 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 il Plugin Contact Form 7 per WordPress in GA4 🙂
–

Abbiamo già visto in un’altra guida come tracciare l’invio di form contatti attraverso un attivatore di tipo Modulo.

Le cose cambiano però nel caso cui utilizzi il plugin Contact Form 7 per WordPress per creare moduli contatti.

Infatti questo plugin, invece di eseguire il submit (ovvero il caricamento di un’altra pagina), invia una richiesta AJAX facendo comparire nella pagina stessa un messaggio che ci avvisa dell’avvenuto invio del form.

In questo caso la guida precedente non è valida, perché senza il submit non possiamo usare un Attivatore di tipo Modulo.

Vediamo allora come tracciare ugualmente l’invio di form contatti con Contact Form 7 grazie agli Eventi Personalizzati 🙂

(Con Google Tag Manager c’è sempre una soluzione a tutto, visto? 😉 )

Premessa sul tracciare contact form 7

In questa guida ti spiegherò il modo per tracciare un form gestito dal plugin di Contact Form 7 attraverso il plugin di Duracell Tomi.

Se non vuoi usare (o non hai installato) il plugin,allora ti consiglio questa altra guida:

• Come Tracciare l’Invio Contact Form 7 con Google Tag Manager

STEP 1 – INSTALLA E ATTIVA I PLUGIN

Il requisito fondamentale perché questa guida funzioni è che devi avere installato Google Tag Manager su WordPress col Plugin di DuracellTomi. Infatti è il plugin che ti permetterà di creare l’Evento Personalizzato, ma prima devi installare e attivare i due plugin.

Ecco come fare:

• Nel pannello di controllo del tuo sito WP, vai su Plugin nel menu a sinistra.
• Individua il plugin di DuracellTomi e clicca su “Impostazioni”.
• Clicca sulla tab “Integration”.
• Se Contact Form 7 è già installato e attivato, dovresti avere la possibilità di spuntarlo. Selezionalo come nell’immagine:

Come trovi scritto anche lì, questo ti permetterà di includere un evento nel Data Layer dopo l’invio del form.

Infatti, se andiamo in Modalità Anteprima sul nostro sito e proviamo a inviare il form, adesso vedremo comparire un evento gtm4wp.contactForm7Submitted. Nel prossimo step andremo a creare il suo Attivatore.

STEP 2 – CREA L’ATTIVATORE DI TIPO EVENTO PERSONALIZZATO

• Nel menu a sinistra vai su Attivatori > Nuovo > Configurazione Attivatore.
• Tipo di Attivatore: Evento Personalizzato.
• Nome Evento: gtm4wp.contactForm7Submitted.
• Questo attivatore si attiva su: Tutti gli eventi personalizzati.
• Nomina l’Attivatore. Per comodità puoi chiamarlo sempre “gtm4wp.contactForm7Submitted”.

STEP 3 – CREA IL TAG DI GOOGLE ANALYTCS

• Tag > Nuovo > Configurazione Tag
• Tipo di Tag: Universal Analytics.
• Tipo di Monitoraggio: Evento.
• Categoria: Contact Form 7.
• Azione: Compilazione Form Contatti.
• 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.
• Attivazione: seleziona l’Attivatore gtm4wp.contactForm7Submitted.
• Nomina il Tag: “GA – Evento – Contact Form 7”.
• Salva.

STEP 4 – VERIFICA IL TAG

Andiamo a verificare che il Tag sia stato implementato correttamente grazie alla Modalità Anteprima e Debug.

Dopo averla aggiornata e attivata, sul nostro sito dovrebbe apparire una finestra in basso.
A questo punto il Tag “GA – Evento – Contact Form 7” dovrebbe essere ancora fra i Tags Not Fired On This Page.

Se scateni l’evento compilando il form e inviando la richiesta, adesso invece il Tag dovrebbe comparire fra i Tags Fired On This Page.

Se tutto è andato per il verso giusto vuol dire che il Tag è funzionante e pronto per la pubblicazione 🙂 Dovrai solo cliccare sul pulsante blu “Invia”.

E se uso Google Analytics 4?

Se cerchi una guida di Google Analytics 4 che ti spieghi come tracciare il Plugin Contact Form 7 per WordPress in GA4, allora non ti preoccupare 😀

Ecco la guida: come tracciare il Plugin Contact Form 7 per WordPress in GA4 con Google Tag Manager

Buon Tag!