Home › How-tos › The Secret Setups › Calendly

The Secret Setups · 17 of 20

How to track Calendly bookings in the dataLayer

Live guide · Checked 28 October 2026 · Updated 28 October 2026 · Checked every week against Calendly's own help pages

Listen for Calendly's booking message from the embedded calendar and push it into the dataLayer as a lead, so every platform counts booked calls.

Time

15 minutes

You will need

• A Calendly calendar embedded on your site (inline, popup or widget)
• Google Tag Manager with the generate_lead trigger

Stuck?

Troubleshooting or ask us a question

Step by step

1. Check it's an embed

   This works for Calendly's inline, popup widget and popup text embeds on your own pages. A plain link that opens calendly.com in a new tab can't be tracked from your site.

2. Add the listener

   Calendly tells the page about bookings with a browser message. In Tag Manager add a Custom HTML tag on All Pages (or only pages with the calendar):

   HTMLCopy

   <script>
   (function () {
     function isCalendly(e) { return e.origin === 'https://calendly.com' && e.data && typeof e.data.event === 'string' && e.data.event.indexOf('calendly.') === 0; }
     window.addEventListener('message', function (e) {
       if (!isCalendly(e)) return;
       window.dataLayer = window.dataLayer || [];
       if (e.data.event === 'calendly.date_and_time_selected') {
         window.dataLayer.push({ event: 'calendly_time_picked' });
       }
       if (e.data.event === 'calendly.event_scheduled') {
         window.dataLayer.push({
           event: 'generate_lead',
           form_id: 'calendly',
           lead_type: 'booking',
           value: 100,
           currency: 'GBP',
           lead_id: 'L-' + Date.now()
         });
       }
     });
   })();
   </script>

3. Keep the booking link (optional)

   The booked message includes links to the booking. To keep the event's link, add this inside the event_scheduledCopy push:

   JavaScriptCopy

   calendly_event: (e.data.payload && e.data.payload.event && e.data.payload.event.uri) || ''

   It's a link to the booking in Calendly, not the person's details.

4. Test a booking

   In Preview, book a test slot through the embed. Tag Assistant should show generate_leadCopy with lead_typeCopy bookingCopy. Cancel the test booking in Calendly after.

5. Publish

   Publish. Your GA4, Google Ads and Meta lead tags now count bookings. Use lead_typeCopy in GA4 to see them on their own.