Upcoming feature

Form analytics

Form analytics lets you see exactly how many users complete each step, and what causes people to abandon your form

Conditional logic image

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.

Which plans allow for form analytics?

You can add form analytics onto any plan - it's not a restricted feature!

Hobbyist plan

  • Yes

Agency plan

  • Yes

It all starts here...

Start creating beautiful, multi-step forms that convert with a zero commitment free trial (no credit card required):