If you’re using Calendly for lead generation but not tracking it properly, you’re losing valuable conversion data.
In this guide, you’ll learn how to track Calendly using GTM & GA4 step-by-step — including page views, date selection, time selection, and confirmed bookings.
This method works for:
- Clean websites
- Messy websites
- WordPress
- Custom-coded sites
- Landing pages
- PPC funnels
Why You Must Track Calendly Using GTM & GA4
If you’re running:
- Google Ads
- Meta Ads
- LinkedIn Ads
- SEO traffic
You need real conversion tracking — not just button clicks.
Without proper tracking:
You can’t optimize campaigns
You can’t calculate CPA
You can’t build remarketing audiences
Your reporting becomes inaccurate
How Calendly Tracking Actually Works
Calendly fires JavaScript events when users interact with the booking widget.
These events are sent using:
<script>
window.dataLayer = window.dataLayer || [];
window.addEventListener('message', function(e) {
if (!e.data || !e.data.event) return;
if (e.data.event.indexOf('calendly') === 0) {
var eventName = e.data.event.split('.')[1];
if (eventName !== "page_height") {
window.dataLayer.push({
event: "calendly",
calendly_event: eventName
});
}
}
});
</script>