Pour suivre les conversions des meeting booked 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>
window.addEventListener( 'message', function(event) {
if ( event.origin != 'https://meetings.hubspot.com' )
return false;
if ( event.data.meetingBookSucceeded ) {
window.dataLayer.push({
event: 'hubspot_meeting_booked',
email: event.data.meetingsPayload.bookingResponse.postResponse.contact.email,
first_name: event.data.meetingsPayload.bookingResponse.postResponse.contact.firstName,
last_name: event.data.meetingsPayload.bookingResponse.postResponse.contact.lastName,
});
}
});
</script>
Ensuite, créez un déclencheur personnalisé dans GTM de type Événement personnalisé avec le nom hubspot_meeting_booked. 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 : Le nom des différents champ dépend du nom que vous avez donné dans votre formulaire et à leur existance.
💡 Astuce : Pour accéder aux données des champs, créez une variable de couche de données (DataLayer Variable) dans GTM.