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.