• Accueil / Pardot / Comment configurer le…
, Comment configurer le suivi des formulaires Pardot à l&rsquo;aide de Google Tag Manager<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

Comment configurer le suivi des formulaires Pardot à l’aide de Google Tag Manager8 minutes de lecture


Pourquoi suivre les formulaires Pardot dans Google Analytics ?

Dans Pardot, nous avons accès au nombre de vues reçues par un formulaire, aux prospects qui soumettent le formulaire, au taux de conversion du formulaire et à la source initiale de prospects pour nos prospects.

Pour certains spécialistes du marketing, ces métriques peuvent être suffisantes car elles nous donnent les informations nécessaires pour démontrer les performances de génération de leads.

Mais il y a une raison pour laquelle nous utilisons Google Analytics en conjonction avec Pardot.

Google Analytics nous en dit plus sur les performances, l’audience et le taux de conversion global de notre site Web, à la fois dans leur ensemble et à partir d’activités ou de canaux de marketing particuliers.

Même avec une excellente configuration Pardot, Google Analytics est un outil essentiel pour améliorer l’expérience utilisateur de notre site, et les formulaires font partie de cette expérience.

La vraie magie consiste à utiliser GA et Pardot en tandem, pour suivre le trafic et le comportement du site Web et Forme Pardot et performances de génération de leads.

De plus, la configuration correcte du suivi des formulaires Pardot dans Google Analytics nous permet de suivre plus facilement les conversions à partir de campagnes publicitaires telles que Google Ads ou LinkedIn, et d’optimiser réellement notre activité à l’aide des données de conversion.

Alors, comment fait-on ?

Comment configurer le suivi des formulaires Pardot à l’aide de GTM

Pour suivre les soumissions de formulaires dans un iframe, le site Web qui héberge le formulaire et le site Web avec le formulaire intégré doivent communiquer entre eux.

Le site Web iframe qui réside sur pardot.votredomaine.com doit envoyer un message pour indiquer que le formulaire a été soumis.

Le site Web sur lequel l’iframe est intégré, votredomaine.com, doit écouter les messages provenant du site iframe.

Ceci est possible en utilisant les balises Javascript et Google Tag Manager.

Dans votre compte GTM, créez deux conteneurs :

  1. Pour le site général.
  2. Pour les iframes uniquement.

Ça devrait ressembler à ça:

, Comment configurer le suivi des formulaires Pardot à l&rsquo;aide de Google Tag Manager<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

Chacun de ces conteneurs a son propre ID de conteneur. L’ID de conteneur de votre site Web général doit être installé sur votre site conformément à Instructions GTM.

L’ID de conteneur du conteneur iframes doit être ajouté à tous les modèles de formulaire Pardot que vous utilisez pour les formulaires que vous souhaitez suivre. Vous pouvez l’ajouter en allant dans Marketing > Formulaires > Modèles de mise en page, puis en sélectionnant le modèle et « Modifier le modèle de mise en page ». Une fois en mode édition, copiez et collez les codes de suivi GTM dans l’onglet « Mise en page », en suivant les instructions GTM à inclure dans les sections et.

, Comment configurer le suivi des formulaires Pardot à l&rsquo;aide de Google Tag Manager<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

Maintenant que nous avons configuré les conteneurs, nous pouvons commencer à ajouter des balises.

Dans le conteneur général de votre site Web

Créer une balise 1 : (Auditeur – PostMessages)

  • Allez dans Balises > Nouveau > cliquez sur « Configuration des balises » et sélectionnez « HTML personnalisé ».
  • Cette balise HTML personnalisée insère du javascript dans le site Web.
  • Il permet au site d’écouter les messages qui lui sont envoyés à partir d’un autre site Web (dans ce cas, le site Web iframe).
  • Ce code est toujours le même et vous n’avez besoin que d’un seul de ces tags par site.
  • Le code est :

, Comment configurer le suivi des formulaires Pardot à l&rsquo;aide de Google Tag Manager<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

  • Sélectionnez « Déclenchement » et « Toutes les vues de page ».

Créer une balise 2 : Soumission de formulaire

  • Cette balise est celle qui suit la soumission de votre formulaire.
  • Tout d’abord, nous devons créer le déclencheur. Allez dans Déclencheurs > Nouveau, puis sélectionnez « Événement personnalisé ».
  • Sous le nom de l’événement, entrez « FormSubmit-Bas de page * Le pied de page est un exemple, vous pouvez saisir n’importe quelle étiquette ici que vous utiliserez pour reconnaître le formulaire qui a été soumis, c’est-à-dire « FormSubmit-Newsletter », « FormSubmit-Contact », etc.

, Comment configurer le suivi des formulaires Pardot à l&rsquo;aide de Google Tag Manager<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

  • Cochez la case « Utiliser la correspondance regex » et définissez le déclencheur pour qu’il se déclenche sur « Tous les événements client ».
  • Nommez votre déclencheur ‘FormSubmit-Bas de page‘.

Maintenant, nous pouvons configurer le Tag.

  • Allez dans Balises > Nouveau > sélectionnez « Google Analytics : Universal Analytics » (ou GA4 Events si vous utilisez GA4, pour les besoins de ce guide, nous nous en tiendrons à l’instance UA de GA mais les instructions sont assez similaires pour les deux) .
  • Définissez les détails de l’événement comme suit :
    • Type : Événement
    • Catégorie : Formulaire
    • Action : Soumission
    • Libellé : Formule Soumettre-Bas de page * assurez-vous que cette étiquette correspond exactement au nom de l’événement que vous avez utilisé dans le déclencheur ci-dessus.
  • Sélectionnez votre compte Google Analytics sous « Paramètres Google Analytics ».
  • Sélectionnez le déclencheur que vous venez de créer.
  • Nommez votre Tag ‘Formulaire de soumission – Bas de page.

, Comment configurer le suivi des formulaires Pardot à l&rsquo;aide de Google Tag Manager<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

Passons maintenant à notre deuxième conteneur, pour nos iframes.

Dans le conteneur iframes GTM

Tout d’abord, nous allons créer le déclencheur.

  • Dirigez-vous vers Déclencheurs> Nouveau et sélectionnez « Cliquez – Tous les éléments ».
  • Modifiez le déclencheur pour tirer sur « Quelques clics ».
  • Utilisez la liste déroulante pour sélectionner vos classes de clics de formulaire Pardot uniques ou votre ID. Vous pouvez le voir, l’ajouter ou le personnaliser dans l’onglet « Formulaire » du modèle de mise en page utilisé par le formulaire, dans Pardot.

, Comment configurer le suivi des formulaires Pardot à l&rsquo;aide de Google Tag Manager<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

  • À l’aide de cela, entrez les critères sur lesquels vous souhaitez déclencher une soumission de formulaire. Par exemple, en utilisant le formulaire ci-dessus avec l’ID de formulaire unique « formulaire de contact rapide », nous pourrions définir la condition sur « ID de clic » « contient » « formulaire de contact rapide ».
  • Nommez votre soumission de formulaire de déclenchement – Bas de page.

, Comment configurer le suivi des formulaires Pardot à l&rsquo;aide de Google Tag Manager<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

Ensuite, nous créons le Tag.

  • Allez dans Balises > Nouveau et sélectionnez « HTML personnalisé » comme type de balise.
  • Copiez et collez le code ci-dessous dans le champ HTML, puis mettez à jour l’URL du site Web pour qu’elle corresponde à celle de votre site Web principal.

, Comment configurer le suivi des formulaires Pardot à l&rsquo;aide de Google Tag Manager<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

  • Nommez votre Tag PostMessage – Bas de page Soumission de formulaire et sélectionnez le déclencheur que vous venez de créer comme déclencheur de déclenchement.

Ce que nous venons de faire, c’est d’utiliser la balise HTML personnalisée pour insérer du javascript dans le site Web des iframes.

  • Cela envoie un message au site Web principal lorsqu’une action est déclenchée.
  • L’action dans ce cas est la soumission du formulaire.

Il y a trois parties clés de cette balise qui doivent être suivies, sinon cela ne fonctionnera pas :

  1. Le code dans la balise HTML doit contenir le nom de l’événement exactement tel qu’il a été défini dans votre balise dans le conteneur principal du site Web, c’est-à-dire « FormSubmit-Footer »,
  2. Le code dans le HTML doit contenir le site Web auquel l’iframe envoie des messages, c’est-à-dire parent.postMessage(postObject, ‘https://votredomaine.com/‘);
  3. La configuration du déclencheur doit cibler une soumission de bouton spécifique, dans ce cas, le bouton a un ID de « formulaire de contact rapide », mais vous pouvez utiliser la condition unique au formulaire que vous souhaitez suivre.

NB : N’oubliez pas que si vos formulaires n’ont pas d’ID ou de classes uniques et que vous configurez le suivi pour un, il suivra tous avec ce même ID/classe. Vous pouvez voir l’ID du formulaire ou la classe en cliquant avec le bouton droit sur le bouton de votre formulaire, puis sur « Inspecter » pour voir le code.

, Comment configurer le suivi des formulaires Pardot à l&rsquo;aide de Google Tag Manager<span class="wtr-time-wrap after-title"><span class="wtr-time-number">8</span> minutes de lecture</span>

Test de votre configuration de suivi de formulaire Pardot

Comme pour toute configuration de balise GTM, vous devez tester s’il fonctionne correctement avant de passer à la définition de vos objectifs dans Google Analytics. Pour faire ça:

  • Appuyez d’abord sur le bouton pour « Publier » vos modifications dans les deux conteneurs.
  • Ensuite, dans le conteneur général de votre site Web, sélectionnez « Aperçu » et entrez l’URL de votre site Web pour ouvrir l’outil de test Google Tag Assistant.
  • À partir de là, soumettez votre formulaire et vérifiez que le tag que vous avez créé apparaît dans la section « Tags déclenchés ».
  • Une fois que vous voyez cela, vous pouvez passer à la dernière partie de la configuration du suivi des formulaires Pardot !

Créer vos nouveaux objectifs dans Google Analytics

La dernière étape consiste à ajouter les nouveaux objectifs d’événement à Google Analytics.

  • Dirigez-vous vers Admin > Objectifs > + Nouvel objectif.
  • Sélectionnez « Personnalisé » et nommez votre objectif.
  • Choisissez « Événement » comme type d’objectif.
  • Saisissez les conditions de l’événement exactement telles qu’elles sont dans votre balise GTM :
    • Catégorie : Formulaire
    • Action : Soumission
    • Libellé : Formule Soumettre-Bas de page
  • Appuyez sur Enregistrer.
  • Assurez-vous que votre nouvel objectif est activé.

Comme mesure supplémentaire pour vous assurer que le suivi de votre formulaire Pardot est correctement configuré, accédez à la section « Temps réel » dans Google Analytics, puis à « Conversions ». Soumettez à nouveau votre nouveau formulaire suivi et assurez-vous que l’objectif se déclenche dans cette section.

NB : N’oubliez pas que si vous avez exclu votre IP du suivi GA à l’aide d’un filtre, votre activité ne s’affichera pas dans la section Temps réel !

Félicitations! Vous avez maintenant configuré avec succès le suivi des formulaires Pardot dans Google Analytics, à l’aide de Google Tag Manager. Nous apprécions que ce guide soit assez technique et peut être écrasant au début (code = effrayant pour beaucoup !), mais avec un peu de pratique, n’importe quel spécialiste du marketing peut le comprendre.

Si vous êtes bloqué lors de la configuration de votre suivi de formulaire dans Google Analytics, ou avec tout autre aspect de Pardot, envoyer un message à l’équipe MarCloud et nous ferons de notre mieux pour vous aider à régler le problème.



Source de l’article traduit automatiquement en Français

Besoin d'aide ?
Vous utilisez Pardot depuis un certain temps mais vous n'êtes pas sûr d'en
exploiter tout le potentiel

Notre analyse de votre Pardot offerte dès aujourd'hui
Merci, vous pouvez compléter notre questionnaire
Nous allons revenir vers vous rapidement !

Fermer