Learn how to track events from BookSpot in GA, Meta and GTM.
My measuring traffic, sales and learn about your customers' behaviours, you gain a better understanding of how your customers book.
In this article, we will go through the two steps you need to take to receive events from BookSpot in Google Analytics, Meta and Google Tag Manager.
How to add your pixels in BookSpot
In BookSpot, you can add your pixel-ID's for Google Analytics (GA4), Meta and Google Tag Manager. By doing this, you can measure events in BookSpot within each platform.
You add your ID's under: Settings > Bookings > Tracking Settings.
After this, you will be able to see BookSpot’s events in the platforms. Below you can see which events you can track from BookSpot.
Do you use the direct link for BookSpot on your website?
If you use the direct link for BookSpot on your website instead of the script, you will need to configure the domain in Google Analytics.
Here’s how:
Click on Admin in the left-hand menu.
Click on Property > Data Streams.
Click on the GA tag, scroll down, and click Configure tag settings > Configure your domains.
Finally, add the following two domains: bookspot.io & outventures.se.
Data Layers
Here is information about the data layer and the events sent from BookSpot to GA.
1. bookspot_new_order_opened
Purpose:
This event is sent when the customer begins a new booking.
dataLayer structure:
{}
2. bookspot_contact_details
Purpose:
This event is triggered as soon as the customer reaches the step where they must enter their contact details (e.g., name, email). At this stage, the system knows which order ID is active and can link the next step (payment) to the correct booking.
dataLayer structure:
{ "order_id": "string" }order_id (string): The unique ID for the current booking.
3. bookspot_purchase
Purpose:
This event is sent immediately once the payment has been confirmed and the booking is completed. At this stage, complete transaction details are passed, which Google Tag Manager can use for analysis, revenue reporting, and remarketing.
dataLayer structure:
{ "order_id": "string", "transaction_id": "string", "affiliation": "string", "value": "number", "tax": "number", "currency": "string", "items": [ { "item_id": "string", "item_name": "string", "quantity": "number", "price": "number", "discount": "number", "currency": "string" } ] }order_id (string): Same ID as used in
bookspot_contact_details.transaction_id (string): Duplicates order_id and is used to uniquely identify the purchase in analytics tools.
affiliation (string): The name of the facility.
value (number): Total order amount including VAT.
tax (number): Total VAT amount for the order.
currency (string): The currency code (e.g., "SEK", "EUR", "USD").items (array of objects): A list of each individual line item in the order. Each object includes:
item_id (string): Product ID.
item_name (string): Product name.
quantity (number): Number of units of the product.
price (number): Unit price of the product.
discount (number): Total discounted amount for this line item.
currency (string): Same currency code as above, repeated for each line.