Analisi dei moduli

What is form analytics?

L’analisi dei moduli vi permette di vedere esattamente cosa fanno le persone sui vostri moduli.

Con una buona configurazione di analisi dei moduli, è possibile scoprire:

• Quante persone atterrano sul mio modulo?
• Quante persone iniziano a compilare il mio modulo?
• Quante persone abbandonano il mio modulo?
• Quali sono le fasi in cui le persone abbandonano?

Come tracciare i moduli di contatto con Google Analytics

Se avete già Google Analytics, potreste voler tracciare gli eventi di successo (ad esempio, l’invio di un modulo). In questo modo, sarete in grado di vedere esattamente da dove provengono i riempimenti dei moduli e di fare rapporto su di essi con facilità.

Questa guida al tracciamento dei moduli di Google Analytics vi offre una soluzione:

1.) Assicuratevi di aver installato Google Analytics

Innanzitutto, è necessario assicurarsi di aver installato Google Analytics (sembra ovvio, ma molti non lo fanno!).

Per fare ciò, controllare l’HTML del sito per trovare un codice che assomigli a questo

<!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA....', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics -->

Si noti che potrebbe essere installato da un addon di terze parti, come Google Tag Manager.

2.) Determinare il codice da eseguire all’invio del modulo

Il passo successivo è quello di “lanciare un evento” quando il modulo viene inviato. In pratica, significa “dire a Google che è successo qualcosa”.

Per lanciare un evento di azione “submit” per la categoria “modulo di contatto”, si deve eseguire il seguente codice:

<script> ga('send', 'event', 'contact-form', 'submit'); }, false ); </script>

Scomponiamo il codice:

• Il blocco di codice si apre e si chiude con i blocchi <script>, il che significa che si tratta semplicemente di JavaScript
• “ga” è un riferimento a Google Analytics
• “send” e “event” descrivono ciò che si sta facendo: si sta inviando un evento a Google Analytics.
• “contact-form” è la categoria dell’evento. Si può cambiare in qualsiasi cosa, come “Lead-form”, “leadgen” o “website-leads” – dipende da voi.
• “submit” è l’azione dell’evento. Anche in questo caso, si può rinominare in qualsiasi modo, ad esempio “aggiungi”, “completa” o “invia”.

3.) Come eseguire effettivamente il codice (nel modo più difficile)

È possibile eseguire letteralmente il codice di cui sopra nella console JavaScript per vedere un evento funzionante in Google Analytics!

Ma naturalmente l’esecuzione del codice nella console JavaScript non va bene: è necessario che questo avvenga ogni volta che qualcuno invia un modulo.

Un’opzione consiste nel trovare l’ID del pulsante su cui gli utenti faranno clic al momento dell’invio e lanciare il codice in quel momento. Supponiamo che il pulsante abbia un ID “mybutton123”, il codice sarà simile a questo:

<script>

document.getElementById("mybutton123").addEventListener('click',function ()
{


ga('send', 'event', 'contact-form', 'submit');

}, false );

} ); </script>

Questo codice avvolge semplicemente il codice "invia evento" di Google Analytics del passo 2 in un listener di eventi che ascolta un clic su "mybutton123". 3b.) Come eseguire effettivamente il codice (in modo semplice) Se si utilizza un costruttore di moduli come Growform, si può semplicemente incollare il codice dal punto 2 all'opzione "Esegui codice all'invio del modulo" nelle impostazioni del modulo. 4.) Come vedere gli invii dei moduli in Google Analytics Per vedere gli eventi di invio dei moduli in Google Analytics, andare su Comportamento > Eventi > Panoramica.