Tutoriel Google Tag Manager Partie 3 : Suivi des soumissions de formulaires - Mise à jour 2020

Dans la partie 2 de notre didacticiel Google Tag Manager mis à jour, nous avons couvert le suivi des liens de téléchargement. Si vous l'avez manqué, vous pouvez commencer ici . Dans cette troisième partie, nous examinerons de plus près un sujet très populaire – les soumissions de formulaires . La plupart des spécialistes du marketing seront intéressés par ce suivi, car l'objectif de nombreuses campagnes est de générer des prospects via des formulaires de contact. Ce sont donc les conversions qui mesurent le succès d'une campagne.

Google Analytics ne suit pas automatiquement cette activité, mais Google Tag Manager (GTM) propose une solution automatisée pour le suivi des soumissions de formulaires.

Dans ce didacticiel, nous supposons que vous avez déjà un compte Google Tag Manager, que vous avez créé un conteneur et que vous l'avez installé sur votre site Web. Vous devez également avoir configuré un compte Google Analytics pour votre site Web et l'avoir lié à GTM.

Configurez le suivi de la soumission des formulaires en suivant les étapes ci-dessous.

Étape 1 : Trouver un identifiant unique

Nous allons vous montrer comment paramétrer cela à l'aide de l'exemple d'un formulaire de contact. Les étapes ci-dessous décrivent le processus général et indiquent quelles pièces doivent être modifiées pour votre site Web spécifique.

La première étape consiste à trouver quelque chose qui vous aidera à identifier votre formulaire. Pour ce faire, nous examinerons l'élément HTML du formulaire et déciderons ce qui aidera à identifier de manière unique ce formulaire.

Pour inspecter le formulaire sur votre site Web, faites un clic droit pour accéder aux outils de développement de votre navigateur. (Dans Chrome, par exemple, cliquez avec le bouton droit sur l'élément que vous souhaitez inspecter et sélectionnez « Inspecter ».) Cela vous montrera divers attributs uniques au formulaire, par exemple, son contenu, sa classe CSS et d'autres éléments.

Dans notre exemple ci-dessous, vous pouvez voir que le formulaire a un identifiant contact-form . Un identifiant est un identifiant approprié qui est généralement unique à l'élément et qui n'est utilisé nulle part ailleurs sur le site Web. Si votre formulaire n'a pas d'identifiant unique, vous pouvez également utiliser les classes de formulaire, l'URL de la page de l'action du formulaire ou le texte du formulaire pour identifier ce formulaire particulier. L'utilisation d'id ou de classes est la plus simple, nous vous recommandons donc de les utiliser si possible.

En dernier recours, vous pouvez simplement utiliser l'URL de la page sur laquelle se trouve le formulaire pour l'identifier, mais soyez prudent avec cela. Si vous avez un autre formulaire sur la page, comme un champ de recherche, ce formulaire peut déclencher votre événement de formulaire de contact.

Étape 2 : Activer la variable de formulaire intégrée

Pour la configuration de votre balise d'événement, vous aurez besoin de la variable intégrée Form ID (ou Form Classes si votre formulaire a une classe unique). Si vous n'avez jamais utilisé cette variable auparavant, vous devez la sélectionner et l'activer. Pour ce faire, accédez à Variables dans l'interface GTM et dans la section Variables intégrées, cliquez sur Configurer . Faites défiler jusqu'aux différentes variables de formulaire et cochez la case par ID de formulaire .

Étape 3 : Créer le déclencheur de soumission de formulaire

Ce déclencheur définit ce qu'est exactement une soumission de formulaire de contact. Il écoute les soumissions de formulaires sur des pages particulières de votre site Web et vérifie si elles remplissent les conditions que vous avez définies spécifiquement pour votre formulaire de contact.

Pour la configuration du déclencheur, procédez comme suit :

• Accédez à Déclencheurs dans la barre latérale de gauche et créez-en un nouveau.
• Remplacez Déclencheur sans titre par un nom descriptif tel que Soumission de formulaire – Formulaire de contact .
• Sélectionnez Type de déclencheur : Soumission de formulaire . Cela écoutera les formulaires soumis.

Pour la configuration du déclencheur, vous définirez :

• Ne cochez pas la case Attendre les balises . Nous vous déconseillons d'utiliser cette option par défaut avec les formulaires, car elle peut interrompre les soumissions de formulaires. Il peut être utilisé s'il est soigneusement testé.
• Cochez la case Vérifier la validation . Ceci vérifie que le formulaire est bien soumis.
• Activer lorsque :
  • Le chemin de la page contient le contact .

Cela active le déclencheur sur les pages qui ont un contact dans le chemin, par exemple, https://amazeemetrics.com/contact. Vous devez modifier cela pour activer le déclencheur sur la ou les pages de votre site Web qui contiennent le formulaire de contact. Vous pouvez également activer le déclencheur sur toutes les pages si nécessaire.

• Tirer sur:
  • Sélectionnez les options : ID de formulaire est égal à formulaire de contact .

Cela utilise la variable que vous avez activée à l'étape 2 et l'identifiant unique que vous avez identifié à l'étape 1 pour spécifier exactement quel formulaire vous souhaitez suivre en tant que soumission de formulaire de contact .

• Remplacez l' ID de formulaire par l'identifiant que vous avez trouvé à l'étape 1 et la variable correspondante que vous avez activée à l'étape 2.

Cliquez sur Enregistrer pour finaliser la configuration du déclencheur.

Étape 4 : Créer la balise d'événement de soumission de formulaire

La dernière étape du suivi des soumissions de formulaires consiste simplement à créer une balise qui enregistrera l'événement dans Google Analytics avec les informations que vous souhaitez. L'événement se déclenche lorsque les conditions du déclencheur que vous avez configuré à l'étape précédente sont remplies. Maintenant, créez l'étiquette en assemblant toutes les pièces :

• Allez dans > Balises > Nouveau pour créer une nouvelle balise
• Name it GA – Événement – ​​Soumission du formulaire de contact
• Pour la configuration de votre balise, choisissez Google Analytics : Universal Analytics comme type de balise.
• Type de piste : Événements
• Catégorie : Saisir le formulaire
• Action : Entrez la soumission du formulaire de contact . Vous pouvez renommer la catégorie d'événement et l'action pour qu'elles correspondent à la convention de dénomination d'événement que vous utilisez.
• Libellé : Entrez réussi . Ceci est facultatif et vous pouvez le modifier ou laisser le champ vide.
• Coup sans interaction : laissez-le sur le paramètre par défaut false . Cela signifie que cet événement modifiera votre taux de rebond car il sera comptabilisé comme une interaction sur votre site.

Comme dernière étape, vous sélectionnez le déclencheur que vous avez créé à l'étape 3 afin de déclencher la balise lorsqu'une condition spécifique est remplie. Voici un aperçu de la configuration finale :

Étape 5 : Enregistrez une version, testez et publiez

Tu as presque fini! La balise que vous venez de créer ne commencera pas à fonctionner tant que vous ne la publierez pas, mais vous devez d'abord tester minutieusement qu'elle fonctionne comme prévu. Après avoir enregistré votre balise, activez le mode Aperçu (cliquez sur Aperçu dans le coin supérieur droit), accédez à votre site Web et actualisez la page.

Assurez-vous de couvrir ces scénarios de test pour le suivi de la soumission de formulaire :

• Cliquez sur le bouton Soumettre sans avoir rempli le formulaire. La balise ne doit pas se déclencher dans ce cas.
• Remplissez le formulaire avec les détails corrects, puis cliquez sur soumettre. La balise devrait se déclencher maintenant.

Le rapport d'événement en temps réel de Google Analytics devrait afficher les résultats de votre événement si tout fonctionne correctement. Lisez notre article de blog sur les problèmes de test de Google Tag Manager et comment les résoudre si vous rencontrez des problèmes.

Si tous vos tests sont réussis, vous pouvez cliquer sur le bouton Soumettre dans GTM. Donnez à cette version publiée un nom descriptif comme l' événement de soumission de formulaire de contact ajouté et cliquez sur Publier .

Tutoriel suivant à venir

L'utilisation du déclencheur de soumission de formulaire est une approche simple pour maîtriser le suivi des formulaires de contact. Cependant, selon la forme et sa technologie, cela peut ne pas toujours fonctionner. Les formulaires se présentent sous de nombreuses formes et tailles, c'est pourquoi nous avons pensé qu'il était adéquat de vous présenter différentes techniques de suivi afin que vous soyez flexible.

Restez à l'écoute pour notre prochain article de blog où nous couvrons une approche plus avancée pour le suivi des formulaires : le déclencheur de visibilité des éléments.