Pour suivre les conversions des formulaires Calendly 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.dataLayer = window.dataLayer ||[];
window.addEventListener('message',
function(e) {
if (e.data.event && e.data.event.indexOf('calendly') === 0) {
window.dataLayer.push({
'event' : 'calendly_event',
'calendly_event_name' : e.data.event.split('.')[1]
});
}
}
);
</script>
Ensuite, créez un déclencheur personnalisé dans GTM de type Événement personnalisé avec le nom calendly_event. 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 calendly_event se déclenchera à chaque event envoyé par Calendly (choix d'une date, choix d'une heure, soumission, etc...)
💡 Astuce : Pour accéder aux données des champs, créez une variable de couche de données (DataLayer Variable) dans GTM.