Comment tracker un formulaire Hubspot ?

Comment tracker un formulaire Hubspot ?

Un devis adapté à vos besoins ?

Prendre un RDV

Le tracking des soumissions de formulaires HubSpot est crucial pour analyser vos conversions. Grâce à un event listener en JavaScript, vous pouvez capturer ces événements directement et les transmettre à des outils comme Google Tag Manager ou Google Analytics. Voici comment procéder, étape par étape.

Pour suivre les soumissions des formulaires HubSpot avec Google Tag Manager, il vous suffit de copier le code de l’event listener ci-dessous et de le coller dans une balise HTML personnalisée dans GTM, puis de l’associer à un déclencheur de type PageView.

<script type="text/javascript">
window.addEventListener("message", function(event) {
    if (event.data.type === "hsFormCallback" && event.data.eventName === "onFormSubmit") {
        window.dataLayer.push({
            "event": "hubspot_form_data",
            "form_id": event.data.id,
            "form_data": event.data.data
        });
    }
});

window.addEventListener("message", function(event) {
    if (event.data.type === "hsFormCallback" && event.data.eventName === "onFormSubmitted") {
        window.dataLayer.push({
            "event": "hubspot_form_success",
            "form_id": event.data.id
        });
    }
});
</script>

Ensuite, créez un déclencheur personnalisé dans GTM de type Événement personnalisé avec le nom hubspot_form_success. Ce déclencheur servira à activer vos balises marketing, telles que Google Analytics, Facebook Pixel, Mixpanel ou Piwik Pro.

Assurez-vous également que votre mise en œuvre respecte les réglementations en matière de confidentialité. En utilisant des conditions de déclenchement dans GTM, vous pouvez limiter l’enregistrement des conversions à certaines pages, certains identifiants de formulaire ou types d’utilisateurs spécifiques.

⚠️ Important : Un événement est déclenché avant la soumission complète d’un formulaire HubSpot, nommé hubspot-form-data.

Cet événement capture toutes les données des champs du formulaire et peut être utilisé pour enrichir les données enregistrées lors de l’événement de soumission réussie hubspot-form-success.

💡 Astuce : Pour accéder aux données des champs, créez une variable de couche de données (DataLayer Variable) dans GTM.



Questions fréquemment posées sur le sujet

Le suivi des soumissions de formulaires HubSpot est crucial pour analyser vos conversions et comprendre le comportement des utilisateurs sur votre site web.

En ajoutant un écouteur d'événements JavaScript spécifique dans une balise HTML personnalisée de Google Tag Manager, vous pouvez capturer les soumissions de formulaires HubSpot et les transmettre à des outils d'analyse.

Le code JavaScript fourni dans l'article écoute les messages de type 'hsFormCallback' avec les événements 'onFormSubmit' et 'onFormSubmitted' pour pousser les données pertinentes dans le dataLayer.

Créez un déclencheur d'événement personnalisé nommé 'hubspot-form-success' qui s'activera lorsque l'événement correspondant sera poussé dans le dataLayer.

Assurez-vous que votre mise en œuvre respecte les réglementations en matière de confidentialité, en limitant l'enregistrement des conversions à certaines pages ou types d'utilisateurs spécifiques.

L'événement 'hubspot-form-data' est déclenché avant la soumission complète et capture toutes les données des champs du formulaire.

Créez une variable de couche de données (DataLayer Variable) dans GTM pour accéder aux données des champs capturées par l'événement 'hubspot-form-data'.

Des balises marketing telles que Google Analytics, Facebook Pixel, Mixpanel ou Piwik Pro peuvent être activées lors de la soumission d'un formulaire HubSpot.

Utilisez le mode Aperçu de Google Tag Manager pour vérifier que les événements sont correctement capturés et que les balises se déclenchent comme prévu.

Cela permet de respecter les réglementations en matière de confidentialité et d'assurer que seules les données pertinentes sont collectées pour l'analyse.




Besoin d'optimiser votre tracking ?

Prendre un RDV

Services et prestations

Un bon suivi de site web permet d'identifier les pages et les éléments qui convertissent le mieux les visiteurs en clients ou prospects.

Détail de l'offre

➕ Mise en place de l'architecture server-side
➕ Transfert des tags et pixels existants
➕ Amélioration de la rapidité de chargement
➕ Gestion des cookies et des AdBlockers
➕ Vérifications et tests pour garantir la fiabilité
➕ Formation GTM Server Side
➕ Validation des compétences GTM server-side

Délais

Entre 1 et 5 jours

Pricing

Détail de l'offre

➕ Exploration détaillée de vos données
➕ Paramétrage sur mesure de Google Analytics 4
➕ Intégration fluide avec vos outils actuels
➕ Dimensions personnalisées adaptées à votre business
➕ Formation Google Analytics 4

Délais

Entre 1 et 3 jours

Pricing

Détail de l'offre

➕ Choix de la CMP
➕ Paramétrage de la CMP
➕ Listing et classification des cookies
➕ Implémentation de Google Consent Mode v2
➕ Assurance de la conformité aux réglementations CNIL et RGPD
➕ Formation

Délais

Entre 1 et 3 jours

Pricing

Détail de l'offre

➕ Automatisation des dashboards
➕ Dashboard personnalisés
➕ Mise en forme ergonomique et pratique
➕ Données en temps réel
➕ Compatible tous device
➕ Validation de vos compétences Looker Studio

Délais

Entre 1 et 10 jours

Pricing

Articles qui peuvent t'intéresser