Guida Base: Tracciare l’Invio di Form Contatti con Google Tag Manager

[Aggiornata il 16 Aprile 2018]

Spesso tracciare le conversioni vuol dire non solo monitorare le transazioni ma anche altre azioni, come ad esempio l’invio di moduli di contatto sul sito web per la richiesta di informazioni.

In questa guida base ti spiego come fare per tracciare quando gli utenti compilano e inviano form di contatto che si trovano all’interno del sito.

STEP 1 – CREA L’ATTIVATORE

Nel menu a sinistra clicca su Attivatori > Nuovo > Configurazione Attivatore.

• Tipo di attivatore: Invio modulo
• Seleziona Attendi i tag, lasciando come tempo di attesa massimo 2000 millisecondi.
• Seleziona anche Verifica convalida.

Dobbiamo indicare la pagina in cui si trova il form contatti, quindi selezioniamo:

• Abilita questo attivatore quando:

Page Path è uguale alla pagina in cui si trova il modulo, oppure su tutte le pagine con espressione regolare .* (mi raccomando punto e asterisco)

Nel mio esempio, il form si trova su https://www.tagmanageritalia.it/esempio/contatti/ quindi ho inserito la condizione:

Page Path è uguale a /esempio/contatti/

• Attiva su: Alcuni moduli (così possiamo indicare quale form in particolare vogliamo tracciare, se la pagina contiene più di un modulo).
• Aziona questo attivatore quando: Form ID è uguale a ninja_forms_form_1

dove nel mio caso specifico ninja_forms_form_1 è appunto il form ID del mio modulo contatti.

<form id="ninja_forms_form_1" .... >

 

• Dai un nome all’Attivatore, ad esempio “Form – Contatti”.
• Salva l’Attivatore.

STEP 2 – CREA IL TAG

Adesso che l’Attivatore del Form Contatti è pronto, possiamo procedere con la creazione del Tag.

• Tag > Nuovo Tag > Configurazione Tag
• Tipo di Tag: Universal Analytics
• Tipo di monitoraggio: Evento
• Categoria: Form Contatti
• Azione: Compilazione Form Contatti
• Lasciamo Hit da non interazione: False

A questo punto possiamo selezionare la variabile di Google Analytics su Impostazioni di Google Analytics e abilitare l’override, mettendo come ID Monitoraggio la tua costante GA oppure il codice UA.

• In Attivazione selezioniamo adesso l’Attivatore creato nel primo step: “Form – Contatti”.
• Nomina il Tag in modo che sia facilmente riconoscibile, ad esempio “GA – Evento – Form Contatti”.
• Salva il Tag.

STEP 3 – VERIFICA IL TAG

Come sempre, prima della pubblicazione, ti consiglio di approfittare di questa funzione utilissima di Google Tag Manager, ovvero la Modalità di Anteprima e Debug.

Attivala e vai nel sito, nella pagina in cui si trova il modulo.

In questo momento, nella finestra della modalità Anteprima che trovi in basso, dovresti notare il Tag “GA – Evento – Form Contatti” fra i Tags Not Fired On This Page.

Se scateni l’evento (si chiamerà gtm.formSubmit) compilando e inviando il modulo, il Tag dovrebbe invece passare fra i Tags Fired On This Page.

Tutto chiaro? Il Tag si è attivato? Allora puoi procedere con la pubblicazione delle modifiche cliccando il pulsante blu “Invia” 🙂

Ora anche tu puoi tracciare i form.

A presto e… Buon Tag!