What is Google Analytics 4?
Google Analytics 4 is an advanced web analytics platform developed by Google, offering comprehensive insights into website and app performance. By implementing the tracking code, users can gather data on user engagement, acquisition channels, demographics, and conversions. The platform's user-centric approach tracks users across devices and platforms, providing a holistic view of the customer journey. Google Analytics 4 also utilizes machine learning to offer predictive insights, enabling businesses to identify trends and optimize marketing campaigns. Overall, it empowers businesses to understand their audience, measure marketing effectiveness, and enhance their online presence for better results.
Main steps to make it work with bookingkit
Here is a summary of the important steps required to receive bookingkit events in GA4.
When setting up a new Google Analytics property, you are presented with two installation options for integrating it into your website:
Using gtag.js: GTAG (or gtag.js) is a JavaScript code library that can be installed on a website. Once this tracking code is added, it begins tracking standard events.
Utilizing Google Tag Manager (GTM): It is a platform that allows to manage various Javascript codes, being Google analytics one of those.
Inde | Type | Step | Main help article |
1 | Pre-requisite | Create a GA4 account/property | external |
2 | Pre-requisite | Add a datastream to your GA4 property | external |
|
| Installing via gtag |
|
3a | Optional - depending on installation decision/status | Install gtag in your website | external |
3b | Optional - depending on installation decision/status | Reuse gtag installed in your website | external |
4 | Must-do | Add GA measurement id to the GA measurement id field:
| If using GA direct integration - use the GA id field.
|
|
| Installing via GTM |
|
3C | Optional - depending on installation decision | Creating a GTM account | external |
3C.i | Optional - see above | Setting a GA tag in GTM | external |
3C.i | Optional - depending on installation decision/status | Add GTM code to head in all pages of website | external |
4 | Must-do | Add GTM id to bookingkit 'ecommerce tracking’ feature | If using the GTM id code- use the GTM code.
|
|
| Set up cross domain tracking |
|
6 | Must-do | Set up cross domain tracking
| external
|
Custom events available from bookingkit
Purchase
Name: purchase
Trigger: Success page is reached.
Parameters
Parameter name | Definition |
transaction_id | order ident |
value | total value paid |
tax | order vat value |
currency | price category currency |
coupon | voucher or coupon name |
items | list of items included in the basket |
item_id | experience option ident |
item_name | experience option name |
affiliation | constant value "bookingkit" or api_client name |
item_variant | price cetegory |
location_id | experience Google place ID |
price | price |
quantity | quantity |
Add to cart
Name: add_to_cart
Trigger: on each selection / removal of ticket:
Parameters
Parameter name | Definition |
value | price |
currency | price category currency |
items | list of items included in the basket |
item_id | experience option ident |
item_name | experience option name |
affiliation | constant value "bookingkit" or api_client name |
item_variant | price cetegory |
location_id | experience Google place ID |
price | price |
quantity | quantity added |
Add Payment Info
Name: add_payment_info
Trigger: When payment details are entered.
Parameters
Parameter name | Definition |
value | total value paid |
tax | order vat value |
payment_type | payment method name |
currency | price category currency |
coupon | voucher or coupon name |
items | list of items included in the basket |
item_id | experience option ident |
item_name | experience option name |
affiliation | constant value "bookingkit" or api_client name |
item_variant | price cetegory |
location_id | experience Google place ID |
price | price |
quantity | quantity |
Page View
Name: page_view
Trigger: Each checkout page navigation.
Parameters
Parameter name | Definition |
page_title | title of the screen |
page_location | url of the screen |
Widget: page_title values
event name | page_title |
page_view | list_widget |
page_view | calendar_widget |
page_view | flexible_offers_list |
page_view | voucher_list |
page_view | global_widget_list |
page_view | experience_detail |
page_view | open date ticket_detail |
page_view | flexible_ticket_detail |
Checkout: page_title values
event name | page_title |
page_view | checkout.select_ticket |
page_view | checkout.select_ticket |
page_view | checkout.cart_overview |
page_view | checkout.buyer_information |
page_view | checkout.cart_summary |
page_view | checkout.payment_details |
page_view | checkout.payment_waiting |
page_view | checkout.late_failure |
page_view | checkout.success |
Custom events in GTM
By default, Data Layer events are not automatically recognized as triggers in Google Tag Manager. Manual configuration is required for them to appear and function as triggers within the platform.
As our focus is on monitoring bookingkit’s custom events, we must inform Google Tag Manager (GTM) about these events and our intention to utilize them as triggers. To accomplish this:
Navigate to the Triggers section in GTM and click on the New button.
Select Custom Event as the trigger type, and input the following settings:
Now, we will generate a GA4 event tag to transmit event data to Google Analytics 4 whenever a bookingkit event is pushed to the Data Layer. To do this:
Navigate to Tags in Google Tag Manager and click on the New button.
Choose Google Analytics: GA4 Event. Proceed by entering the following settings:
Custom events in Google Analytics
custom events need to be created in Google analytics.
Head to your google analytics property, go to Admin and Events.
Add the event names to the list.