Tracker les formulaires Hubspot avec Google Tag Manager

Mis à jour : vendredi 6 juin 2025

Les formulaires Hubspot

Les formulaires créés avec Hubspot sont difficiles à tracker avec les déclencheurs natifs de Google Tag Manager.

Je vais vous montrer comment tracker uniquement les envois valides d’un formulaire Hubspot et également comment récupérer les données utilisateurs (comme par exemple l’adresse email) pour les transmettre aux plateformes publicitaires.

Installer l’Hubspot Form listener

Pour écouter l’envoi d’un formulaire valide Hubspot, vous devez remplir le formulaire ci-dessous pour obtenir le code complet à copier dans Google Tag Manager dans une balise HTML personnalisé.

1if(typeof HubspotFormsV4 != 'undefined') {
2  window.addEventListener("hs-form-event:on-submission:success", function(event) {
3// Fill in the form below to access full working code
Balise HTML personnalisé pour ajouter l'Hubspot form listener
Balise HTML personnalisé pour ajouter l'Hubspot form listener

Je vous conseille de déclencher cette balise uniquement sur la ou les pages qui contiennent des formulaires Hubspot.

Exemple d’un envoi valide de formulaire

Lors d’un envoi valide du formulaire Hubspot, l’événement generate_lead est envoyé dans le Data Layer.

Si vous avez plusieurs formulaires sur la même page, vous devrez vous baser sur la variable form_id pour les différencier dans GTM.

Événement generate_lead dans le Data Layer
Événement generate_lead dans le Data Layer

Créer les variables Data Layer correspondantes

L’identifiant du formulaire

Récupérer le form_id dans le Data Layer
Récupérer le form_id dans le Data Layer

Les champs de formulaires

Ici vous devez créer une variable pour chaque champ de votre formulaire.

Récupérer les champs du formulaire dans le Data Layer
Récupérer les champs du formulaire dans le Data Layer

Aller plus loin

Vous pouvez transmettre les données utilisateurs collectées via votre formulaire Hubspot aux plateformes publicitaires pour améliorer vos performances :