Buzzshot Bookings: Ecommerce Tracking to Google Analytics 4 (GA4) using Google Tag Manager (GTM)

This guide walks you through setting up Google Tag Manager (GTM) to receive ecommerce events from Buzzshot Bookings and send them to your Google Analytics 4 (GA4) property. This allows you to see events such as "added to cart" and "purchases" in Google Analytics and make use of reports such as "E-commerce purchases".

NOTE: As of this writing Google Analytics 4 is the latest version of Google Analytics and has quite a lot of changes from the earlier versions. Do make sure you're using version 4 and that it's already working for tracking regular web traffic otherwise this guide is going to be very hard to follow!

Prerequisites

  • A Google Tag Manager container installed on your site
  • A GA4 property with a web data stream
  • The Buzzshot Bookings widget is embedded in your site
  • "Enable host page Google Tag Manager tracking" is switched on in the Tracking section of the Booking Widget settings in Buzzshot.

Finding Your Measurement ID

  1. Go to analytics.google.com
  2. Select your GA4 property
  3. Click Admin (gear icon, bottom left)
  4. Under Data collection and modification, click Data streams
  5. Click on your web stream
  6. The Measurement ID is at the top right (e.g., G-XXXXXXXXXX)

Step 1: Create the Trigger

  1. Go to tagmanager.google.com
  2. Select your account and container
  3. In the left sidebar, click Triggers
  4. Click New (top right)
  5. Click "Untitled Trigger" at the top and name it CE - GA4 Ecommerce Events
  6. Click the Trigger Configuration area
  7. Select Custom Event from the list
  8. Tick the Use regex matching checkbox
  9. In the Event name field, paste: view_item_list|select_item|view_item|add_to_cart|remove_from_cart|view_cart|begin_checkout|add_shipping_info|add_payment_info|purchase|refund (Buzzshot doesn't currently send all of these events but we might send more in the future)
  10. Leave All Custom Events selected
  11. Click Save

Step 2: Create the GA4 Event Tag

  1. In the left sidebar, click Tags
  2. Click New (top right)
  3. Name the tag GA4 - Ecommerce Events
  4. Click the Tag Configuration area
  5. Select Google Analytics: GA4 Event
  6. In Measurement ID, enter your GA4 Measurement ID (e.g., G-XXXXXXXXXX)
  7. In Event Name, click the brick/lego icon and select Event from the list (it will display as {{Event}})
  8. Click More Settings to expand
  9. Click Ecommerce to expand
  10. Tick Send Ecommerce data (this step means it will pick up the standard ecommerce data we send and you don't have to manually map each field)
  11. Set Data source to Data Layer
  12. Scroll down and click the Triggering area
  13. Select CE - GA4 Ecommerce Events
  14. Click Save

Step 3: Publish

  1. Click Submit (top right)
  2. Add a version name (e.g., "Added GA4 Ecommerce tracking")
  3. Click Publish

Step 4: Test

  1. In GTM, click Preview (top right)
  2. Enter your site URL and click Connect
  3. Trigger an ecommerce event on your site (e.g., add to cart, complete a purchase)
  4. In Tag Assistant, click on the event in the left sidebar
  5. Verify that GA4 - Ecommerce Events appears under "Tags Fired"

Troubleshooting

Tag not firing

  • Check that GTM is correctly installed on your site
  • Verify the trigger is attached to the tag
  • Ensure your GTM container is published

No ecommerce data in GA4

  • Allow up to 24 hours for data to appear in GA4 reports!
  • Confirm "Send Ecommerce data" is ticked in the tag settings
  • Check that Data source is set to Data Layer

Summary

This setup uses: - 1 trigger - matches all ecommerce event names - 1 tag - sends events with full ecommerce data to GA4

Once configured, all ecommerce events from the Buzzshot booking widget embedded in your site will automatically flow through to your GA4 property.

Any questions or feedback are gratefully received. Please use the message button on the bottom right of the screen or the "Help & Support" option within the app. Or feel free to email or call.