GA4, Google Tag ManagerHow to Track Hubspot Meetings with Google Tag Manager by Ben Hicks November 30, 2022 Updated: November 30, 2022 Use our easy GTM Recipe to track Hubspot Meetings in Google Analytics Hubspot makes a lot of things easy. Their whole brand is based on simplicity. When it comes to tracking their calendar bookings in Google Analytics, it’s anything but. We created this guide to make things easy on you. With this guide you will be able to fire event triggers based on bookings. This enable you to: Fire event tags for GA4 or UASet up conversion pixels for Google Ads, Facebook, TikTok, Microsoft Ads Basically, everything you’d ever need. Prerequisites for tracking Hubspot Meeting scheduler forms We try to make it easy on you, but you’ll still need to satisfy the following criteria: Already using Google Tag Manager (GTM) on your site (or willing to set it up)Some basic knowledge of GTMHubspot booking widget embedded on the same site as your GTM container Steps to set up Hubspot scheduler events in GTM Download and import our GTM recipe into your container Yes, it’s that easy. Be sure to merge and not overwrite your container. If you’ve never imported a container, follow these steps from Google. Download the GA4 Hubspot Booking recipeHaven’t migrated to GA4 yet? Download the UA recipe Here’s what’s included in the imported container Tag: cHTML Hubspot Booking Listener – this tag is a custom html script that pushes an event outside the iframe into the dataLayer so GTM can detect bookingsTrigger: CE – hubspot_meeting_booked – this custom event trigger is fired when it detects the event created by the listener tag.Tag: GA4 Event – Hubspot Meeting– this is your GA4 event tag. It’s fired on the preceding hubspot_meeting_booked custom event trigger. Trigger: PV – Booking URLs EDIT – this triggers the Hubspot Booking listener tag. You will want to update this trigger to fire on URLs where your booking is embedded. For example, if your widget is on a page at /schedule-now you would set the trigger to:Page path > Contains > /schedule-now Modify the imported tags You will need to modify two of the imported tags and triggers before publishing your container: Update the GA4 Config settings of the GA4 Event – Hubspot Booking tag to use your existing GA4 Config tag. Using UA? You’ll need to edit the event tag as well to use your existing GA variable. Optional: Modify the Event tag as you see fit. For example, you can rename the event if you use a different nomenclature. Or, add any custom event parameters you’d like to track. Update the PV – Booking URLs EDIT trigger to fire on only pages where your booking form is embedded. Preview and debug the container First, check that your Hubspot Booking Listener tag is firing on pages where your booking widget is embedded. If it is then submit a test form. Upon submitting the booking form, you should see the custom event firing as a GTM event. Likewise, your GA4 Event – Hubspot Booking tag should fire as well. Publish the container and celebrate how talented you are! If your testing went well, congratulations. You’ve done a great job. Publish the container and you are now pushing booking events to GA4 (or UA!). Next you can set the event as a conversion in GA4 (or a goal in UA if you haven’t migrated yet).