Suivi des événements de formulaire avec Google Tag Manager
Publié: 2021-07-19Si vous cherchez un moyen simple de configurer le suivi des événements pour surveiller les conversions sur votre site Web, vous pouvez envisager d'utiliser Google Tag Manager.
Dans cet article, je vais expliquer Google Tag Manager, vous expliquer comment l'installer et comment configurer le suivi des événements de formulaire sur votre site.
Qu'est-ce que le gestionnaire de balises Google ?
Google Tag Manager (GTM) est un outil gratuit qui permet aux webmasters et aux spécialistes du marketing d'ajouter et de mettre à jour plus facilement des balises de site Web. Il existe de nombreuses façons d'utiliser GTM, mais la plupart des entreprises l'utilisent pour le suivi des événements afin de mesurer le succès de leur stratégie de marketing numérique. Pour une explication plus approfondie de GTM, consultez notre article de blog d'introduction.
Pourquoi utiliser GTM pour le suivi des événements ?
GTM vous donne un contrôle total sur vos tags d'événement. Vous pouvez les ajouter à votre site sans avoir à demander à votre développeur de faire du codage en dur. Cela leur libérera du temps pour travailler sur d'autres projets critiques.
GTM vous permet également de modifier et de tester vous-même votre suivi d'événement, ce qui simplifie évidemment le processus.
De plus, nous voyons un nombre croissant de sites Web où les formulaires sont créés à l'aide de JavaScript. Ces sites n'utilisent pas d'URL de destination, ce qui signifie que vous ne pouvez pas utiliser d'objectifs simples dans Analytics. Afin de pérenniser la gestion de votre site Web, il est judicieux d'envisager de se familiariser avec GTM.
Installation de GTM
L'installation de GTM est très similaire à la configuration de Google Analytics :
- Connectez-vous à Google Tag Manager à l'aide de votre compte Google, idéalement le même que celui que vous utilisez pour Analytics. Suivez ensuite les étapes à l'écran :
Créer un compte sur Google Tag Manager - Lisez et acceptez les termes et conditions. Vous recevrez alors le code d'installation. Vous devrez ajouter ce code à chaque page de votre site, immédiatement après la balise d'ouverture <body>. Si vous ne pouvez pas le faire vous-même, votre développeur devrait pouvoir vous aider :
Collez le code GTM sur chaque page de votre site Web
C'est ça. Vous avez configuré un conteneur Tag Manager sur votre site. Ce conteneur contiendra éventuellement toutes les balises que vous créez dans le tableau de bord GTM.
Je vais maintenant décrire comment configurer le suivi des événements à l'aide de GTM. Pour cela, vous devrez activer plusieurs variables intégrées dans les pages, les clics et les formulaires. Ceux-ci ne sont pas activés par défaut lorsque vous configurez GTM. Donc, avant de commencer, accédez aux variables et vérifiez les options suivantes :
Suivi des événements de formulaire
Le suivi des soumissions de formulaires vous permet de surveiller lorsque les visiteurs soumettent un formulaire sur votre site Web. Il peut s'agir d'un formulaire de contact sur votre page de contact ou d'un formulaire de demande dans le pied de page de la page. Presque tous les sites Web ont un formulaire, c'est donc un bon moyen de se familiariser avec Tag Manager.
Il est relativement facile de configurer le suivi des événements à l'aide de GTM, car vous pouvez utiliser des balises déjà intégrées à l'interface GTM. Une connaissance de base du code HTML est utile, mais ce guide vous expliquera tout ce que vous devez savoir.
Ne vous inquiétez pas, il est impossible de casser votre site Web en utilisant Tag Manager, et vous pouvez tout tester avant de diffuser vos balises en direct.
Faisons cela!
Étape 1 - Identifier l'URL
Notez l'URL sur laquelle se trouve votre formulaire :
Si vous avez un formulaire sur plusieurs pages, par exemple un formulaire de demande dans le pied de page, il vous suffit de connaître le domaine. Dans ce cas, nous utilisons hallam.co.uk .
Étape 2 - Identifier l'ID du formulaire
Recherchez l'ID de formulaire pour le bouton d'envoi. Si vous utilisez Google Chrome ou Firefox, vous pouvez le faire en cliquant avec le bouton droit sur le formulaire et en sélectionnant « inspecter l'élément ». Vous devez rechercher l'attribut 'id' dans le <form>. Voici un exemple de ce à quoi cela pourrait ressembler :
Astuce : Appuyer sur ctrl + f dans l'inspecteur vous permet de rechercher des choses.
Remarque : S'il n'y a pas d'identifiant unique pour votre formulaire, vous devrez peut-être demander à votre développeur d'en ajouter un. Cependant, si votre site Web utilise un plugin de formulaire tel que le formulaire de contact 7 pour WordPress, vous pouvez ajouter vous-même un identifiant.
Étape 3 - Créer un déclencheur
Dans GTM, créez un nouveau déclencheur et donnez-lui un titre qui le rendra facile à identifier plus tard. Quelque chose comme « envoyer le formulaire de demande » ou « envoyer le formulaire de la page de contact » fera l'affaire.
Sous choisir l'événement, sélectionnez la soumission du formulaire :
Cliquez sur Continuer, puis cochez « Attendez les balises » et « Vérifier la validation » pour vous assurer que votre déclencheur se déclenche pour les soumissions de formulaire (valides) réussies :
Cliquez sur continuer et entrez le chemin d'URL que vous avez noté précédemment :
Si votre formulaire est sur plusieurs pages, vous pouvez configurer votre déclencheur pour qu'il se déclenche sur les pages qui contiennent votre domaine :
Cliquez sur continuer puis sélectionnez « Certains formulaires » :
Pour finaliser votre Trigger, ajoutez l'ID de formulaire que vous avez noté précédemment (n'utilisez pas mon ID de formulaire !) :
Vous avez maintenant spécifié les conditions requises pour que votre déclencheur se déclenche. Ensuite, nous allons créer une balise.
Étape 4 - Créez une balise
Créez une nouvelle balise Universal Analytics. Cette balise enverra les informations de l'événement à Google Analytics. Encore une fois, assurez-vous de lui donner un nom mémorable :
Ajoutez votre identifiant de suivi Google Analytics dans le champ suivant :
Remplissez ensuite le type de piste en tant qu'événement et déterminez vos paramètres de suivi pour la catégorie et le libellé :
Si vous configurez cela pour un formulaire qui se trouve sur plusieurs pages, comme je le suis dans cet exemple, cliquez sur la case à droite de l'étiquette et sélectionnez {{Chemin de la page}} dans le menu déroulant. Cela garantira que vous pouvez voir à partir de quelle page l'événement d'envoi de formulaire a été déclenché dans vos rapports d'événements Analytics :
Sous « Succès sans interaction », vous pouvez sélectionner vrai ou faux. L'appel sans interaction est un paramètre qui vous permet de décider si l'événement déclenché affecte ou non des métriques telles que votre taux de rebond . Par exemple, si vous avez une page où une vidéo est lue automatiquement, vous devez sélectionner « vrai ». Sinon, tous ceux qui atterriraient sur cette page déclencheraient un événement et le taux de rebond serait de zéro.
Pour le suivi des soumissions de formulaires, je recommande de sélectionner « faux », en particulier si le formulaire que vous suivez se trouve sur une page de destination où le visiteur voit toutes les informations dont il a besoin et remplit votre formulaire de demande. Après tout, même s'ils ne consultent pas une autre page de votre site Web, ils ont interagi et effectué l'action souhaitée. Il devrait donc s'agir d'une interaction :
Ensuite, cliquez sur continuer et sélectionnez « plus » sous « tirer sur ». Sélectionnez « formulaire », puis accédez au déclencheur que vous avez créé précédemment :
Cliquez sur « créer une balise », et votre balise terminée ressemblera à ceci :
Étape 5 - Tester
Dirigez-vous vers le mode aperçu et débogage pour tester si votre nouveau suivi des événements fonctionne :
Dans le même navigateur, ouvrez un nouvel onglet et accédez à votre site Web, où Tag Manager ouvrira le mode de débogage pour vous. De là, vous pouvez prévisualiser votre conteneur et il vous dira quelles balises ont ou n'ont pas été déclenchées sur votre page :
Dans l'exemple ci-dessus, aucune de ces balises ne s'est déclenchée sur ma page, y compris mes soumissions de formulaire de demande. Maintenant, je peux tester le formulaire directement sur la page et voir si la bonne balise se déplace vers « balises déclenchées sur cette page » :
Étape 6 - Publier
Une fois que vous avez testé le fonctionnement de votre balise, retournez au tableau de bord GTM et publiez votre version. N'oubliez pas que vous pouvez renommer les versions et revenir aux versions si la version suivante ne fonctionne pas tout à fait :
Ta-da — votre nouvelle balise et déclencheur de suivi d'événement est maintenant en ligne.
Optimisation des formulaires
Vous voudrez peut-être améliorer les formulaires de votre site pour augmenter vos conversions. Vous pouvez utiliser GTM pour suivre chaque champ de formulaire afin de savoir ce qui doit être testé et amélioré. Alternativement, vous pouvez utiliser un service tel que Hotjar pour vous fournir une analyse d'entonnoir utile pour l'optimisation du taux de conversion.
Conclusion
Si vous souhaitez améliorer l'efficacité et éliminer les problèmes de test lors de la configuration du suivi des événements, je vous recommande vivement d'utiliser Google Tag Manager.
J'ai constaté que lorsque les développeurs sont occupés à travailler sur des projets en cours plus importants sur un site Web, ils apprécient cette décision car elle libère leur temps. À un niveau d'entrée, vous pouvez utiliser les balises intégrées dans Tag Manager et les fonctionnalités de contrôle de version et de mode de débogage vous permettent de tout tester vous-même.
Si vous avez utilisé Google Tag Manager pour mettre en œuvre le suivi des événements de formulaire à l'aide de ce guide, nous aimerions en savoir plus dans les commentaires ci-dessous. Sinon, contactez-moi sur Twitter @Digital_Kym.
Si vous avez besoin d'aide avec votre n'hésitez pas à nous contacter.