If you've arrived on this this page that means you've already configured Google Analytcis, Google Tag Manager and eCommerce events.
Congratulations, you have completed the migration to Google Analytics 4!
If at this stage you'd like to access even deeper insight into your data, you can do so by creating your own custom events. This article contains a list of all the events (both standard and custom) that your Zaui booking engine is capable of tracking. Follow the steps as described in the previous article, Creating eCommerce Events using Google Tag Manager to add tracking for these events.
- add_to_cart
- begin_checkout
- purchase
- view_cart
- view_item
- view_item_list
- zaui_page_view
- zaui_page_details_change
Standard Events
add_to_cart
This event signifies that an item was added to a cart for purchase.
{
event: add_to_cart,
ecommerce: {
currency: "CAD", //- Your currency will be inserted
value: 275, // - Value of the items added to the cart
items: [{
item_id: 1449, // Activity Id
item_name: "Test Tour", // Activity Name
item_variant: "seniors", // Activity Passenger type
item_category: "Test Category", // Activity Category
price: 55, // Price per guest
quantity: 1 // Number of guests
},{
item_id: 1449, // Activity Id
item_name: "Test Tour", // Activity Name
item_variant: "adults", // Activity Passenger type
item_category: "Test Category",// Activity Category
price: 220, // Number of guests x price
quantity: 2 // Number of guests
},
]
}
}
begin_checkout
This event signifies that a user has begun a checkout.
{
event: "begin_checkout",
ecommerce: {
currency: "CAD", //- Your currency will be inserted
value: 275, // - Total value of all items in cart
items: [{
item_id: 1449, // Activity Id
item_name: "Test Tour", // Activity Name
item_category: "Test Category", // Activity Category
price: 275 // Total price of this activity
// Does this need quantity? If so 3?
}]
}
}
purchase
This event signifies when one or more items is purchased by a user.
{
event: "purchase",
ecommerce: {
currency: "CAD", //- Your currency will be inserted
value: 275, // - Total value of all items in cart
transaction_id: 123, // - The newly created booking Id
items: [{
item_id: 1449, // Activity Id
item_name: "Test Tour", // Activity Name
item_category: "Test Category", // Activity Category
price: 275 // Total price of this activity
// Does this need quantity? If so 3?
}]
}
}
view_cart
This event signifies that a user viewed their cart.
{
event: "view_cart",
ecommerce: {
currency: "CAD", //- Your currency will be inserted
value: 275, // - Total value of all items in the cart
items: [{
item_id: 1449, // Activity Id
item_name: "Test Tour", // Activity Name
item_category: "Test Category", // Activity Category
price: 275 // Total price of this activity
// Does this need quantity? If so 3?
}]
}
}
view_item
This event signifies that some content was shown to the user. Use this event to discover the most popular items viewed.
{
event: "view_item",
ecommerce: {
currency: "CAD", //- Your currency will be inserted
value: 125, // - Value of 1 of the default passenger type
items: [{
item_id: 1449, // Activity Id
item_name: "Test Tour", // Activity Name
item_category: "Test Category", // Activity Category
price: 125 // Value of 1 of the default passenger type
}]
}
view_item_list
Log this event when the user has been presented with a list of items of a certain category.
{
event: "view_item_list",
ecommerce: {
item_id: 321, // Category Item Id
item_name: "Test Category" // Category Name
}
Custom Events
zaui_page_view
This event will fire every time there is a complete page change. It is highly recommended to use this page tracking event, although there are other ways to track pages.
For example, it will fire when:
- A user navigates from the activities list page into an activity
- A user navigates to the cart page.
- A user navigates to the checkout page
It won’t fire when:
- A user changes the date
- A user updates a value in the transportation section
{
event: "zaui_page_view",
pageUrl: "/default/activity/1449"
}
zaui_page_details_change
This event will fire every time there is any change to the URL. This can be very noisy as there are lots of changes to the url inside the Zaui application. It is not recommended to use this event since it can send a lot of information that you will likely never use but we've included it for you just in case
For example, it will fire when:
- A user navigates from the activities list page into an activity
- A user navigates to the cart page.
- A user navigates to the checkout page
- A user changes the date
- A user updates a value in the transportation section
- Any other time something changes in the address bar
{
event: "zaui_page_details_change",
pageUrl: "/default/activity/1449?date=2023-01-01"
}