google tag manager tracciare invio contact form7

Google Tag Manager: Come tracciare l’invio del Contact Form 7

26 Novembre 2021 - by alma

imm tutorialL’utilizzo del “form” è molto importante, questo strumento, infatti,  permette il monitoraggio delle conversioni sul tuo sito web . “Contact  form 7” è uno dei plug-in più popolari e utilizzati su WordPress, tuttavia, le funzioni di Google Tag Manager  non sono in grado di tracciarlo immediatamente.

Per poter utilizzare il form al fine di monitorare le conversioni  sul tuo sito, sono necessari alcuni passaggi, una volta fatto ciò, tracciare il Contact Form7 con Google Tag Manager  diventerà facile e intuitivo. Sembra interessante? Vediamo ora tutti i passaggi, step-by-step:

1 Step: Crea un tag HTML personalizzato

Come visto in precedenza, le funzioni integrate di Google Tag Manager, non permettono di tracciare in modo automatico l’invio del form da parte dell’utente. Il primo passaggio del nostro tutorial sarà quindi quello di inviare un pezzo di codice che aiuti Google Tag Manager a monitorare la compilazione del form.

Vediamo insieme i passaggi necessari:

  1. Dal menù di sinistra seleziona Tag> Nuovo> HTML personalizzato
  2. Incolla questo Snippet:

<script>

document.addEventListener( ‘wpcf7mailsent’, function( event ) {

window.dataLayer.push({

“event” : “cf7submission”,

“formId” : event.detail.contactFormId,

“response” : event.detail.inputs

})

});

</script>

 

  1. Nel contenitore “Attivazione” scegli “All Pages”
  2. Salva il Tag con il nome “Contact form7- Richiesta dati”

screen passaggio 1

Inserendo lo Script permettiamo a Google Tag Manager di tracciare la compilazione del form ma per  il monitoraggio delle conversioni sul tuo sito web dobbiamo riuscire ad intercettare l’azione tramite un attivatore:

2 Step: Crea l’attivatore

  1. Menù di sinistra seleziona “Attivatori”> Nuovo
  2. Seleziona il tipo di attivatore> Evento Personalizzato
  3. Salva l’evento con il nome “Contact form7- Richiesta dati”
  4. Salva l’attivatore con il nome “Contact form7- Richiesta dati”

screen passaggio 2

È il momento di fare una verifica, se fino ad ora hai fatto tutto giusto, attivando la console di Debug e Anteprima e compilando il form dovrebbe comparire l’evento “Contact form7- Richiesta dati”. Nella sezione Data Layer inoltre, possiamo notare come l’evento si sia popolato di dati.

screen test

3 Step: Collegare il nostro evento a Google Ads o Google Analytics

Una volta completati tutti i passaggi, per iniziare il monitoraggio delle conversioni sul tuo sito non ti resta che inviare i dati raccolti da Google Tag Manager a Google Ads o a Google Analytics, per farlo ti basterà:

  1. Creare un nuovo Tag> “Google Analytics: Universal Analytics” o “Monitoraggio delle conversioni di Google Ads”
  2. inserire i codici generati dalle rispettive piattaforme

esempi step 3 ga

 

 

esempio step3 GA4

Collegando  Google Tag Manager  al tuo account di Google Ads e Google Analytics, renderai il monitoraggio delle conversioni sul tuo sito più completo  e affidabile, avrai una visione a 360 gradi dell’andamento delle tue campagne pubblicitarie e in generale delle tue pagine web, permettendoti di intervenire sia a livello di budget che a livello di azioni strategiche dove più di conviene.