Master Tracking Hubspot Bookings via Google Analytics 4 & Tag Manager

Tracking Hubspot bookings with Google Analytics 4 (GA4) and Google Tag Manager (GTM) involves a specific process:

1. Add an Event Listener in GTM: This listens for messages indicating a successful meeting booking and sends this information to the Data Layer.
2. Create a GA4 Tag: This collects the data from the Data Layer and sends it to GA4.

• First, add custom JavaScript code to your GTM container to listen for Hubspot meeting booking events.
• Then, test this custom code using GTM's Preview mode to ensure it's capturing the right data.
• Next, create a GA4 event tag with the necessary triggers and parameters to collect and send the booking data to GA4.
• After setting up, test the new event to confirm data is being collected as expected.
• If needed, create event-scoped custom dimensions in GA4 for reporting.
• Finally, publish your GTM container and find the data in GA4 reports after at least 24 hours.

The custom JavaScript code for tracking Hubspot meeting bookings in GTM is an event listener that pushes booking data to the Data Layer when a successful booking occurs. Here's the code snippet:

<script>
window.addEventListener("message", function(event) {
 if (event.data.meetingBookSucceeded == true) {
 window.dataLayer.push({
 'event': 'hubspot_meeting_success',
 'hs-form-guid': event.data.meetingsPayload.formGuid,
 'hs-organizer' : event.data.meetingsPayload.bookingResponse.postResponse.organizer.name,
 'hs-is-meeting-paid' : event.data.meetingsPayload.isPaidMeeting,
 'hs-meeting-date' : event.data.meetingsPayload.bookingResponse.event.dateString,
 'hs-duration-minutes' : event.data.meetingsPayload.bookingResponse.event.duration / 60000
 });
 }
});
</script>

To implement this, you need to add it as a Custom HTML tag in your GTM container and set the appropriate triggers.

To create a GA4 event for tracking Hubspot meeting bookings, follow these steps:

1. Create a Trigger in GTM: This trigger should be a Custom Event that fires on the 'hubspot_meeting_success' event name.
2. Create Data Layer Variables in GTM: These variables correspond to the data you want to track, such as 'hs-organizer' and 'hs-duration-minutes'.
3. Create the GA4 Tag in GTM: Configure a GA4 Event tag with the Measurement ID, Event Parameters, and set the trigger you created.
4. Test the Event: Use GTM's Preview mode and GA4's DebugView to ensure the event is firing and the data is being collected correctly.

After these steps, you can publish your GTM container and wait for the data to appear in GA4 reports.

To find Hubspot booking data in Google Analytics 4 reports:

1. Wait at least 24 hours after publishing your GTM container for GA4 to process the new event data.
2. Create a GA4 Exploration: Go to the 'Explore' section in GA4 and start a new report.
3. Select Dimensions and Metrics: Choose dimensions like 'Event name', 'Organizer', 'Meeting duration', and metrics like 'Event count', 'Total users'.
4. Set a Filter: Filter by 'Event name' exactly matching 'booking_complete'.
5. Add Elements to the Report: Drag the chosen dimensions and metrics to the appropriate areas in the report setup.

If the event data isn't showing up, you may need to troubleshoot using resources like GA4 help articles.