Blog

Se stai leggendo questo articolo forse stai cercando il modo per misurare le conversioni su Google Ads e Google Analytics, che avvengono sul tuo sito web WordPress dove hai installato il plugin per il form di contatto di Contact Form 7. Dico bene?

Bene se è così, sappi che in questo articolo vedremo nel dettaglio come misurare gli eventi GA4 e di conseguenza le conversione sul tuo sito, relative a una qualsiasi tua campagna PPC, per fare in modo che, nel momento in cui un utente proveniente dalla tua campagna di marketing su Google, invia le sue informazioni tramite il modulo di contatto Contact Form 7 installato sul tuo sito WordPress, questo invio venga conteggiato come una conversione su Google Ads, e al contempo, misurato come evento chiave su Google Analytics.

Tieni presente della data di pubblicazione di questo articolo, per assicurarti che la procedura sia aggiornata, perchè le piattaforme oggetto della procedura sono in continua evoluzione. Tuttavia, generalemnte sono solo aspetti grafici o le organizzazione del menu che cambiano, cerca quindi di comprendere il processo per poi applicarlo in modo flessibile, anche in caso di modifiche all’interfaccia utente.

Perchè è importante misurare le conversioni dal modulo di contatto?

Misurare come conversione l’invio di un modulo di contatto sul tuo sito web è fondamentale per consentire a Google di ottimizzare i tuoi annunci e ottenere così un rendimento maggiore dal tuo budget pubblicitario. In pratica in questo modo puoi spendere di meno in pubblicità e ottenere risultati, in questo caso di lead generation, migliori.

Inoltre, la misurazione di questi eventi chiave su Google Analytics può darti informazioni rilevanti su quali utenti diventano lead, quando e perchè, consentendoti di ottimizzare il tuo funnel di marketing.

Ora che abbiamo compreso lo scopo di questo articolo e perchè è importante misurare le conversioni, vediamo nel dettaglio come misurare l’invio del form Contact Form 7.

Miglior procedimento per misurare l’invio del form di contatto Contact Form 7

Quello che segue è il procedimento scelto da Azione Digital per misurare l’invio del form di contatto Contact Form 7 su Google Analytics e Google Ads, attraverso Google Tag Manager. Non è l’unico modo possibile per misurare l’invio di un modulo di contatto, ma quello scelto da noi perchè più preciso, funzionale e rapido in relazione agli strumenti descritti.

Infatti Google Tag Manager e gli altri strumenti oggetto di questo articolo, sono lo standard di settore per la misurazione di questo tipo di conversione e i più largamente utilizzati.

Prima di iniziare: una rapida checklist

Questo metodo di tracciamento è piuttosto affidabile, ma dipende da alcuni prerequisiti fondamentali. Prima di iniziare la configurazione, verifica rapidamente questi punti:

• Controlla che il modulo non ricarichi la pagina. Questa tecnica è pensata per moduli basati su AJAX, cioè quelli in cui il messaggio di “grazie” appare senza un ricaricamento completo della pagina. Se la pagina si ricarica dopo l’invio, questa soluzione non funzionerà: in tal caso, chiedi al tuo sviluppatore di abilitare AJAX per i moduli oppure utilizza il tracciamento tramite pagina di “Thank you”.
• Verifica di utilizzare Contact Form 7. Alcuni siti utilizzano più plugin per i moduli. Per controllare, fai clic con il tasto destro su un campo del modulo, seleziona “Ispeziona” e cerca nel codice la dicitura “wpcf7”. Se non la trovi, probabilmente stai usando un plugin diverso.
• Assicurati che GTM sia installato e funzionante. Questa guida presuppone che Google Tag Manager sia correttamente installato sul tuo sito WordPress e che il tag di configurazione GA4 sia già attivo.
• Disponi dell’accesso Admin al container GTM. Avrai bisogno dei permessi completi per aggiungere nuovi tag, trigger e variabili.

Passiamo alla pratica!

Operazioni preliminari: Installa Google Tag Manager e Tag Google ad Analytics

Assicurati di aver già installato sul tuo sito il contenitore Google Tag Manager e aver collegato la tua proprietà Google Analytics tramite il Tag Google.

Questa operazione preliminare è fondamentale per proseguire con il procedimento.

Se non sai come si fa, leggi questa guida di Google, oppure contattaci per assistenza.

Copia questo script

Bene, se hai installato correttamente il contenitore di Google Tag Manager sul tuo sito e lo hai collegato tramite il Tag Google alla tuo account Google Analytics possiamo procedere alla configurazione!

Per prima cosa copia questo script di codice realizzato proprio al nostro scopo:

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
 window.dataLayer.push({
 "event" : "cf7submission",
 "formId" : event.detail.contactFormId,
 "response" : event.detail.inputs
 })
}); 
</script>

Questo codice servirà a monitorare gli invii del form di contatto Contact Form 7 sul tuo sito, per poi creare degli eventi personalizzati da inviare a Google Analytics.

Crea il Tag per monitorare gli eventi di invio del form

Ora che hai copiato il codice del punto precendente occorre creare il tag per monitorare gli eventi di invio del modulo di contatto. Segui questo procedimento:

1. Apri Google Tag Manager (contenitore installato sul sito web da monitorare;
2. Vai nella sezione “Tag“;
3. Clicca su “Nuovo“;
4. Configurazione Tag > HTML personalizzato > Incolla il codice nello spazio per HTML;
5. Attivazione > scegli attivatore “All Pages“;
6. Salva il Tag e rinominalo, es: “cHTML – contact form 7 listener“.
7. Verifica che il Tag si installato correttamente: vai su “Anteprima” > inserisci URL del tuo sito > Connetti > sul tuo sito compila e invia il modulo di contatto che vuoi monitorare (questo Tag monitorerà tutti i form di contatto realizzati con Contact Form 7 presenti sul tuo sito) > torna al pannello di controllo Tag Assistant > verifica nel riepilogo la voce “cf7submission” > espandi “Chiamata API” > verifica i dati presenti.

Allo scopo di questo tuturial ci interesseranno solamente le voci “cf7submission” ed il “FormId”, in base a quest’ultimo dato saremo in grado di monitorare quale form è stato inviato e creare degli eventi chiave e di conversione specifici.

Variabili e attivatori

A questo punto procediamo con la configurazione creando una variabile personalizzata e relativi attivatori:

1. Su Google Tag Manager andiamo su “Variabili”;
2. Variabili definite dall’utente > Nuova;
3. Configurazione variabile > Variabile di livello dati > Nome variabile livello dati : “formId” > Rinomina la variabile, es: “dlv – formId”
4. Salva;

Ora passiamo alla configurazione dell’attivatore:

1. Su Google Tag Manager andiamo su “Attivatori”;
2. Nuovo > Configurazione attivatore > Altro “Evento personalizzato”;
3. Nome evento: “cf7submission”
4. Rinomina attivatore, es: “custom – cf7submission”;
5. Salva attivatore;

Creazione del tag evento GA4

Ora dobbiamo configurare un evento personalizzato per inviare a Google Analytics gli eventi di invio del form di contatto:

1. Da Google Tag Manager andiamo in “Tag”;
2. Nuovo > Configurazione Tag > Google Analytics > Google Analytics: evento GA4;
3. Inserisci ID misurazione della tua proprietà GA4 (lo trovi in Google Analytics > Impostazioni > Stream di dati);
4. Nomina l’evento es: “invio_form” (nominalo come vuoi che appaia in GA4 oppure usa queste linee guida di Google);

A questo punto quando un utente sul tuo sito invierà un modulo di contatto un evento personalizzato verrà generato su Google Analytics.

A questo punto andiamo in GA4 impostiamo il parametro per la misurazione del form ID e creaiamo un report personalizzato per visualizare i dati relativi a questo evento.

Prima però tramite lo strumento anteprima verifica che l’evento venga registrato correttamente e invia la nuova versione del contenitore in Tag Manager.

Creazione Definizione personalizzata in GA4

Andiamo nel pannello di controllo GA4 dopo aver selezionato la tua proprietà:

1. Impostazioni;
2. Visualizzazione dati > Definizioni personalizzate;
3. Crea dimensione personalizzata;
4. Nome dimensione: Form ID;
5. Parametro evento: form_id;
6. Salva;

Complimenti! se non ci sono errori hai completato la fase di configuraione. Ora:

• Ogni volta che un utente invia un form di contatto CF7 sul tuo sito viene inviato un nuovo evento su Google Analytics;
• Questo evento conterrà il paramentro del form ID, consentendoti di capire se si tratta ad esempio di un’iscrizione alla Newsletter, la richiesta di informazioni e l’invio di un CV etc.

Creiamo un report personalizzato per visualizzare al meglio i dati

Ora che gli eventi vengono registrati correttamente, creaimao un report personalizzato di Google Analytics per visualizzare al meglio i dati sull’invio di moduli contatto:

1. Esplora;
2. Avvia nuova esplorazione vuota;
3. Dimensioni: Nome evento, Form ID;
4. Conferma;
5. Metriche: Conteggio eventi; Totale utenti;
6. Conferma;
7. Ora doppio clic su Form ID e doppio clic sulle due metriche;

A questo punto dovrai attendere fino a 48 ore per vedere comparire i primi eventi di invio form di contatto popolare questo report. Tiene in considerazione che che se nessuno invierà un form di contatto non vedrai alcun evento in questo report.

Ultimo passaggio: creaimo degli eventi GA4 personalizzati in base al form inviato

Come ultimo passaggio possiamo ora creare degli eventi personalizzati in GA4 differenziati in base a quale form è stato utilizzato dall’utente.

Vediamo 3 esempi concreti e come configurarli:

• L’utente ha usato il form per l’iscrizione alla Newsletter;
• L’utente ha usato il form della pagina lavora con noi per inviare il CV;
• L’utente ha usato il form della pagina contatti;

In tutti questi casi vorremmo monitorare gli eventi in modo differenziato in quanto per noi hanno un valore diverso e corrispondono a segmenti differenti.

Per configurare questi eventi segui questi passaggi:

1. Dalla tua proprietà su GA4 vai a Impostazioni;
2. Eventi;
3. + Crea evento;
4. Stabilisci un nome evento pertinente es: iscrizione_newsletter;
5. Scegli come creare un evento > Visualizza altre opzioni;
6. Condizioni di corrispondenza:
7. Parametro: event_name; Operatore: uguale a; Valore: invio_form;
8. Aggiungi condizione: Parametro: form_id; Operatore: uguale a; Valore: inserisci il valore del form ID del form di contatto che trovi tramite tag assistant;
9. Salva.

Con questo ultimo passaggio, abbiamo concluso la fase di configurazione e monitoraggio degli eventi.

Se stai facendo girare una campagna su Google Ads e vuoi utilizzare l’evento di invio del modulo contatto per creare una conversione personalizzata leggi i nostri articoli dedicati oppure contattaci.