In order to collect analytics (data to see who has visited the site, added something to their basket, checked out an order etc) from your booking engine, you’ll need to configure Google Tag Manager to connect to your Google Analytics 4 property.
We do not support UA and you will need to upgrade to GA4 in order to link your Trybe shop to your analytics. Google stopped processing UA data from 1st July 2023 and are actively recommending to move any UA properties over to GA4.
How to configure the configuration tag
To set this up head to Google Tag Manager > Tags > New > select 'Choose a tag type to begin set up' > select the 'Featured' tag type named "Google Analytics: GA4 Configuration" > Enter your GA4 Measurement ID in the measurement ID box.
Then select 'choose a trigger to make this tag fire' > Set this tag to trigger on “All Pages”. Then 'Save' the tag.
Configure the trigger
Now you can create a Trigger.
To do this select the 'Triggers' tab > New > Choose a trigger type to begin with > set the trigger type to “Custom Event”.
Then enter in the event name to one of the provided events (click here to see the Tag Manager events) For example, if you want to track purchase events, set the event name to purchase
. For the “this trigger fires on” option, set “All Custom Events” > Save.
Configure Tag to send to Google Analytics
Now you will have to create a tag that will send to Google Analytics.
Select the Tags tab > New > Use the featured tag type “Google Analytics: GA4 Event”.
For the “Configuration Tag” option, select the configuration tag you previously created (Google Analytics: GA4 Configuration)
For event name, enter the name of the event you’re tracking - ie purchase
.
Select 'More settings' and make sure to tick 'Send Ecommerce Data'
Once you have done this select 'choose a trigger to make this tag fire' > from the list select the custom event you have just created. Then 'Save'.
Now you will be able to track this event happening on your shop front. Head to the next step to see how you can track this!
If you head to the 'Tags' tab you will be able to see an overview of the tags you have created (see second screenshot).
Debug view
Now that you have configured a tag to be sent to Google Analytics, you will be able to track this and check if your events are being forwarded to your GA4 property. To do this select 'Preview' in Google Tag Manager. You'll see events being triggered as guests perform actions on your shop front.
For example, if you have created the tag event of add_to_cart
and configure this to send to Google Analytics then when someone adds something to their cart, you will be able to see this in the summary of all that has happened on the shop front. In the following screenshot you can see that the event add_to_cart
has been fired successfully!