Framer – How to Track Cal.com Booking Submissions
Convert every successful calendar booking into a Humblytics conversion event—no cookies, consent banners, or heavyweight tag managers required.
Why Track Cal Bookings?
Quantify how well pages, CTAs, and campaigns drive booked calls
Attribute bookings to traffic sources, devices, and user journeys
Trigger funnel goals or A/B-test winners with real revenue signals
Maintain strict privacy compliance—Humblytics is 100 % cookie-free
Step-by-Step Integration
Prerequisites
Your site already loads the global
hmbl.min.js
tracking script (36 kb, async).You have a live Cal.com event link (e.g.,
https://cal.com/your-username/demo-call
).
1 Embed the Cal.com Widget
Place the snippet where you want the calendar to appear—inside any HTML file, template, or CMS block:
2 Hook the Booking Event to Humblytics
Immediately after the embed (inside the same <script>
block or a new one below it), add the listener that fires when a booking completes:
Rename "cal-embed"
to something descriptive like "intro-call-booking"
if you track multiple event types.
Verifying Bookings in Humblytics
Log in to Humblytics → Conversions / Forms
Find the Event Label you passed (e.g.,
cal-embed
)Use filters (page, referrer, device, campaign) to analyse performance or build funnels
Key Benefits Recap
Cookie-free
No consent banners; privacy-first tracking
Real-time
Bookings appear in your dashboard within seconds
A/B-ready
Use the event as a primary goal in split tests
Lightweight
One embed + one five-line callback—no GTM or plugins
Deploy, test a booking, and start measuring the actions that matter. Happy tracking!
Last updated
Was this helpful?