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’analyse des formulaires vous permet de voir exactement ce que les gens font sur vos formulaires.

Avec une bonne configuration d’analyse des formulaires, vous pouvez découvrir :

  • Combien de personnes atterrissent sur mon formulaire ?
  • Combien de personnes commencent à remplir mon formulaire ?
  • Combien de personnes abandonnent mon formulaire ?
  • Quelles sont les étapes que les personnes abandonnent ?

Comment suivre les formulaires de contact avec Google Analytics

Si vous disposez déjà de Google Analytics, vous souhaiterez peut-être suivre les événements de réussite (c’est-à-dire les soumissions de formulaires). De cette manière, vous pourrez savoir exactement d’où viennent les remplissages de formulaires et en rendre compte facilement.

Ce guide sur le suivi des formulaires dans Google Analytics vous couvre :

1.) Assurez-vous que Google Analytics est installé

Tout d’abord, vous devez vous assurer que vous avez installé Google Analytics (cela semble évident, mais beaucoup ne le font pas !).

Pour ce faire, vérifiez si le code HTML de votre site ressemble à ceci –

<!-- 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 -->

Notez qu’il peut être installé par un addon tiers, comme Google Tag Manager.

2.) Déterminez le code à exécuter lors de la soumission du formulaire

L’étape suivante consiste à “déclencher un événement” lorsque votre formulaire est soumis. Cela signifie essentiellement “dire à Google qu’il s’est passé quelque chose”.

Pour déclencher un événement d’action “soumettre” pour la catégorie “formulaire de contact”, vous devez exécuter le code suivant :

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

Décomposons ce code :

  • Le bloc de code s’ouvre et se ferme avec les blocs <script>, ce qui signifie simplement qu’il s’agit de JavaScript.
  • “ga” est une référence à Google Analytics
  • “send” et “event” décrivent ce que vous faites – vous envoyez un événement à Google Analytics
  • “contact-form” est la catégorie de l’événement. Vous pouvez remplacer ce terme par n’importe quoi, comme “Lead-form”, “leadgen” ou “website-leads” – c’est vous qui décidez.
  • “submit” est l’action de l’événement. Là encore, vous pouvez renommer ce champ en n’importe quoi, comme “ajouter”, “compléter” ou “envoyer”.

3.) Comment exécuter le code (à la dure)

Vous pouvez littéralement exécuter le code ci-dessus dans votre console JavaScript pour voir un événement fonctionnel dans Google Analytics !

Mais bien sûr, exécuter le code dans votre console JavaScript ne sert à rien – il faut que cela se produise chaque fois que quelqu’un soumet un formulaire.

Une option consiste à trouver l’ID du bouton sur lequel les utilisateurs cliqueront pour soumettre, et à lancer le code à ce moment-là. Supposons que votre bouton ait un identifiant “mybutton123”, votre code ressemblerait à ceci :

<script>

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

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

}, false );

} ); </script>

Ce code intègre simplement le code d'envoi d'événement de Google Analytics de l'étape 2 dans un écouteur d'événement qui attend un clic sur "mybutton123".
3b.) Comment exécuter le code (de la manière la plus simple)
Si vous utilisez un générateur de formulaires comme Growform, vous pouvez simplement coller le code de l'étape 2 dans l'option "Exécuter le code lors de la soumission du formulaire" dans les paramètres du formulaire.
4.) Comment voir les soumissions de formulaires dans Google Analytics
Pour voir vos événements de soumission de formulaire dans Google Analytics, naviguez vers Behaviour > Events > Overview.

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):