Tracker les soumissions de formulaire HubSpot dans Google Analytics via GTM

Par défaut, HubSpot ne remonte pas les soumissions de formulaires dans Google Analytics 4. Vous avez des formulaires HubSpot sur votre site, des leads qui arrivent dans votre CRM, mais côté analytics vous êtes aveugle.

Résultat : impossible de savoir quelle page, quelle campagne ou quelle source génère réellement des leads. Vous optimisez vos ads à l'aveugle.

On va configurer un tracking qui envoie un événement "hubspot_form_submit" dans GA4 à chaque soumission de formulaire HubSpot. Cet événement contiendra :
- Le nom du formulaire
- L'URL de la page
- L'ID du formulaire HubSpot

Vous pourrez ensuite l'utiliser comme conversion dans GA4, Google Ads ou tout autre outil d'attribution.

HubSpot expose un événement global quand un formulaire est soumis. On va l'écouter et pousser les données dans le dataLayer de GTM.

Ajoutez ce script dans votre site (via GTM en tag HTML personnalisé, ou directement dans votre code) :

<script>
  window.addEventListener('message', function(event) {
    if (
      event.data.type === 'hsFormCallback' &&
      event.data.eventName === 'onFormSubmitted'
    ) {
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
        event: 'hubspot_form_submit',
        hs_form_id: event.data.id,
        page_url: window.location.href,
        page_title: document.title
      });
    }
  });
</script>

Dans Google Tag Manager, créez 3 variables de type "Variable de couche de données" (Data Layer Variable) :

1. hs_form_id — Nom de la variable : hs_form_id
2. page_url — Nom de la variable : page_url
3. page_title — Nom de la variable : page_title

Ces variables récupèrent automatiquement les valeurs poussées dans le dataLayer par le script ci-dessus.

Créez un nouveau déclencheur dans GTM :

- Type : Événement personnalisé
- Nom de l'événement : hubspot_form_submit
- Ce déclencheur se déclenche sur : Tous les événements personnalisés

Ce déclencheur se lancera à chaque soumission de formulaire HubSpot détectée par le listener.

Créez une nouvelle balise dans GTM :

- Type : Google Analytics : événement GA4
- ID de mesure : votre ID GA4 (G-XXXXXXXXXX)
- Nom de l'événement : hubspot_form_submit
- Paramètres d'événement :
— form_id → {{hs_form_id}}
— page_location → {{page_url}}
- Déclencheur : le déclencheur "hubspot_form_submit" créé à l'étape 5

Avant de publier :

1. Cliquez sur "Aperçu" dans GTM
2. Allez sur une page avec un formulaire HubSpot
3. Soumettez le formulaire
4. Dans le panneau de debug GTM, vérifiez que l'événement "hubspot_form_submit" apparaît
5. Vérifiez que la balise GA4 se déclenche
6. Dans GA4 > Temps réel, confirmez que l'événement remonte

Si tout est OK, publiez votre container GTM.

Dernière étape : transformez l'événement en conversion.

1. GA4 → Admin → Événements
2. Trouvez "hubspot_form_submit"
3. Activez "Marquer comme conversion"

Vous pouvez maintenant :
- Voir quelles pages génèrent le plus de leads
- Optimiser vos campagnes Google Ads sur les vraies conversions
- Attribuer correctement chaque lead à sa source