Comment tracker Calendly avec GTM
Tracker Calendly avec GTM : postMessage invitee.created, embed vs redirect, UTM, HubSpot et conversions Ads/Meta.
Calendly n’est pas un formulaire classique : la conversion, c’est le RDV planifié. GTM doit écouter l’event Calendly, pas le clic « Choisir une date ».
1. Listener postMessage
window.addEventListener('message', function(e) {
if (e.data.event && e.data.event === 'calendly.event_scheduled') {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'generate_lead',
form_name: 'calendly',
lead_type: 'meeting_booked',
calendly_payload: e.data.payload || {}
});
}
});
2. GTM
Trigger sur generate_lead + filtre form_name = calendly → GA4, Ads, Meta. Conditionnez au consentement.
3. CRM (HubSpot, Salesforce…)
L’idéal : Calendly crée l’activité CRM et GTM marque la conversion media. Alignez les id / emails pour le revenu offline plus tard.
4. Recette
Booker un vrai créneau test, confirmer 1 event, puis annuler le RDV. Vérifiez qu’un refresh de page ne rejoue pas la conversion.
Une implémentation plus complexe à discuter ?
Discuter de votre trackingUn projet similaire à cadrer ? Parlons-en.
Freelance google tag managerArticles liés
Pour aller plus loin sur votre projet
GTM & dataLayer
GTM & dataLayer
Un conteneur mal structuré suffit à fausser vos conversions, votre ROAS et vos arbitrages marketing.
Voir l'expertiseQuestions fréquemment posées
Quel event Calendly écouter ?
calendly.event_scheduled (postMessage) quand un invitee est créé. C’est le signal de RDV booké, plus fiable qu’un clic sur le widget.
Embed ou page Calendly ?
Embed : postMessage sur la page parente. Page Calendly hébergée : thank-you/redirect vers votre domaine ou webhook/intégration CRM + tracking server.
Comment garder les UTM ?
Passez les UTM en prefills / params Calendly et/ou stockez-les en first-party avant l’ouverture du widget, puis renvoyez-les au CRM.