Contactez-nous
Contact

Guide

Tracking formulaire hubspot GA4 avec GTM

Suivez les soumissions de formulaires HubSpot dans Google Analytics 4 via Google Tag Manager pour optimiser vos données, améliorer le suivi des conversions et affiner vos stratégies marketing.

Table des matières

Introduction

Suivre les soumissions de formulaires est crucial pour comprendre les interactions des utilisateurs et améliorer les taux de conversion sur votre site web. En intégrant les formulaires HubSpot avec Google Analytics 4 (GA4) via Google Tag Manager (GTM), vous obtenez des informations précieuses sur le comportement des utilisateurs. Ce guide détaillé vous accompagnera à chaque étape pour réussir cette intégration.

Pourquoi Suivre les Soumissions de Formulaires HubSpot ?

Suivre les soumissions de formulaires HubSpot est crucial pour toute entreprise cherchant à maximiser ses efforts marketing et à comprendre le comportement de ses utilisateurs. Cela permet de centraliser les données, d’analyser les interactions des utilisateurs, de créer des audiences personnalisées, et d’optimiser les campagnes publicitaires et marketing. En ayant une vision claire des soumissions de formulaires, vous pouvez adapter vos stratégies pour améliorer les taux de conversion et offrir une expérience utilisateur plus personnalisée et efficace.

  • Centralisation des données : Optimisez et centralisez votre collecte de données.
  • Analyse du comportement des utilisateurs : Identifiez les préférences et tendances des utilisateurs.
  • Création d’audiences personnalisées : Segmentez votre audience selon les soumissions de formulaires.
  • Optimisation des publicités : Améliorez l’efficacité de vos campagnes publicitaires.
  • Amélioration des stratégies marketing : Élaborer des campagnes ciblées pour des groupes spécifiques.

Pré-requis

Avant de commencer, assurez-vous d’avoir accès à Google Analytics 4 (GA4), Google Tag Manager (GTM), et d’avoir intégré les formulaires HubSpot sur votre site.

Guide Étape par Étape

Étape 1 : Créer une Balise HTML Personnalisée dans GTM

Description de l’étape

Dans cette étape, nous allons créer une balise HTML personnalisée dans Google Tag Manager (GTM). Cette balise permet de capturer les soumissions de formulaires HubSpot et d’envoyer ces données à Google Analytics 4 (GA4). Cette intégration est essentielle pour centraliser et suivre efficacement les formulaires HubSpot.

Objectif

L’objectif est de configurer une balise HTML dans GTM qui peut écouter les événements de soumission de formulaires HubSpot et envoyer ces informations à GA4. Cela permet de suivre les conversions et de collecter des données précieuses sur les soumissions de formulaires.

Instructions

  1. Accéder à Google Tag Manager : Ouvrez GTM et allez dans la section Balises.
  2. Créer une Nouvelle Balise : Cliquez sur “Nouveau” et choisissez “Configuration de la balise”.
  3. Sélectionner HTML Personnalisé : Optez pour “HTML personnalisé” comme type de balise.
  4. Insérer le Code de Suivi : Copiez et collez le code suivant
  5. Définir le Déclencheur : Choisissez où ce script doit se déclencher. Pour simplifier, définissez-le pour toutes les pages.
<script type="text/javascript">
    window.addEventListener("message", function(event) {
        if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') {
            window.dataLayer.push({
                'event': 'hubspot_form_submit',
                'hs-form-guid': event.data.id,
                'submissionValues': event.data.data.submissionValues
            });
        }
    });
</script>

Étape 2 : Créer une Variable de Couche de Données

Dans cette étape, nous allons créer une variable de couche de données dans GTM. Cette variable est utilisée pour lire et stocker les informations des formulaires HubSpot, permettant ainsi de transmettre ces données à GA4 pour une analyse plus approfondie.

Objectif

La création d’une variable de couche de données est essentielle pour stocker les informations des formulaires soumis. Cela permet de lire les données des formulaires HubSpot et de les envoyer à GA4 pour une analyse détaillée.

Instructions

  1. Accéder aux Variables dans GTM : Allez dans la section Variables définies par l’utilisateur.
  2. Créer une Nouvelle Variable : Cliquez sur “Nouveau” et sélectionnez “Configuration de la variable”.
  3. Sélectionner Variable de Couche de Données : Choisissez “Variable de couche de données”.
  4. Nommer la Variable : Entrez hs-form-guid comme nom de la variable.

Étape 3 : Créer un Déclencheur pour les Soumissions de Formulaires

Dans cette étape, nous allons créer un déclencheur spécifique dans GTM pour les soumissions de formulaires HubSpot. Ce déclencheur détecte quand un formulaire HubSpot est soumis et envoie les données correspondantes à GA4.

Objectif

L’objectif est de configurer un déclencheur qui détecte les événements de soumission de formulaires HubSpot. Cela permet d’activer les balises de suivi et de transmettre les informations de soumission à GA4.

Instructions

  1. Accéder aux Déclencheurs : Allez dans la section Déclencheurs.
  2. Créer un Nouveau Déclencheur : Cliquez sur “Nouveau” et choisissez “Configuration du déclencheur”.
  3. Choisir Événement Personnalisé : Définissez le type de déclencheur comme “Événement personnalisé”.
  4. Nommer l’Événement : Entrez hubspot_form_submit.
  5. Appliquer à Tous les Événements : Assurez-vous que le déclencheur se déclenche sur tous les événements personnalisés.

Étape 4 : Créer une Balise d’Événement GA4

Description de l’étape

Dans cette étape, nous allons créer une balise d’événement GA4 dans GTM. Cette balise envoie les données de soumission de formulaires HubSpot à Google Analytics 4, permettant ainsi de suivre et analyser ces soumissions.

Objectif

L’objectif est de configurer une balise d’événement GA4 dans GTM qui transmet les données de soumission de formulaires à GA4. Cela permet de suivre les conversions et d’analyser les soumissions de formulaires.

Instructions

  1. Accéder aux Balises dans GTM : Cliquez sur “Nouveau” et sélectionnez “Configuration de la balise”.
  2. Sélectionner Événement GA4 : Choisissez “Google Analytics: Événement GA4”.
  3. Configurer la Balise :
    • ID de Mesure : Entrez votre ID de mesure GA4.
    • Nom de l’Événement : Entrez hubspot_form_submission.
  4. Définir les Paramètres de l’Événement :
    • Nom du Paramètre : hs_form_id
    • Valeur : Sélectionnez la variable hs-form-guid.
  5. Définir le Déclencheur : Attachez le déclencheur créé à l’étape 3.

Étape 5 : Tester et Publier Vos Modifications

Description de l’étape

Dans cette étape, nous allons tester et publier les modifications dans GTM. Cela garantit que le suivi des soumissions de formulaires fonctionne correctement avant de les déployer en production.

Objectif

L’objectif est de vérifier que la configuration fonctionne correctement avant de la publier. Cela permet d’assurer que les données de soumission de formulaires sont correctement transmises à GA4.

Instructions

  1. Prévisualiser l’Espace de Travail : Utilisez le mode Aperçu dans GTM pour vérifier votre configuration.
  2. Soumettre les Modifications : Une fois les tests réussis, soumettez et publiez les modifications dans GTM.

Étape 6 : Configurer des Objectifs dans GA4

Description de l’étape

Dans cette étape, nous allons configurer des objectifs dans GA4 pour suivre et analyser les conversions de formulaires HubSpot. Cette configuration permet de définir des objectifs basés sur les événements de soumission.

Objectif

L’objectif est de définir des objectifs dans GA4 basés sur les événements de soumission de formulaires HubSpot. Cela permet de suivre et d’analyser les conversions pour optimiser vos stratégies marketing.

Instructions

  1. Accéder à GA4 : Allez dans la section Admin de votre compte GA4.
  2. Configurer les Conversions : Sous “Conversions”, cliquez sur “Nouvel événement de conversion”.
  3. Ajouter le Nom de l’Événement : Entrez hubspot_form_submission pour suivre les soumissions comme des conversions.

Conclusion

En suivant ces étapes, vous pourrez suivre efficacement les soumissions de formulaires HubSpot dans Google Analytics 4 via Google Tag Manager. Cette intégration vous aide à centraliser la collecte de données, optimiser vos efforts marketing et obtenir des insights précieux sur le comportement des utilisateurs. Surveillez régulièrement les données collectées pour affiner vos stratégies et améliorer les performances globales de votre entreprise.

Pour plus d’informations détaillées, consultez la documentation officielle de Google et HubSpot.