Upcoming feature
Form analytics
Form analytics lets you see exactly how many users complete each step, and what causes people to abandon your form
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
>
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):