Skip to main content
All CollectionsFor developersConversion Tracking
e-commerce tracking with bookingkit and GA4
e-commerce tracking with bookingkit and GA4

This guide provides an overview of the possibilities with bookingkit for tracking purchases made through your website.

Björn Blankenhagen avatar
Written by Björn Blankenhagen
Updated over a week ago

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:

  1. 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.

  2. 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.

Did this answer your question?