To check how your website visitors interact with the Booking Engine, you can integrate Bookinglayer with Google Analytics.

There are two steps to connect Booking Engine with Google Analytics:

  • Step 1 (basic integration) lets you track Booking Engine pageviews

  • Step 2 (advanced integration) enables Enhanced Ecommerce Reporting and allows you to track events in Google Analytics

If tracking pageviews is enough for your needs, you can complete only Step 1 and skip Step 2.


Step 1: Tracking pageviews in Google Analytics

Follow these steps to connect Bookinglayer with your Google Analytics account:

  1. Log into your Google Analytics. Click the gear icon at the bottom left corner to access Settings.

  2. In the "Property" tab, choose "Tracking info", and "Tracking Code".

3. Copy your Tracking ID.

4. Open your Bookinglayer account and go to Sales > Booking Engine > Tracking. Paste your Tracking ID in the "Google Analytics Section" and click "Save".

When you complete this step, you'll be able to check which products/packages were visited by your clients (pageviews). You can stop here or continue with a more advanced setup in Step 2.


Step 2: Enable Enhanced Ecommerce Reporting

To enable Enhanced Ecommerce Reporting, follow these steps:

Open your Google Analytics settings. Under "View", choose "Ecommerce settings" (learn how to create a new "View" here). Turn on the first two options "Enable Ecommerce" and "Enable Enhanced Ecommerce Reporting". Save changes.

With Ecommerce Reporting enabled, Bookinglayer will send events to Google Analytics that will show you the visitor's journey through the Booking Engine.


What is Bookinglayer sending to Google Analytics?


Let's take the example of booking a package in your Booking Engine. The common flow is:

  1. Open Booking Engine homepage

  2. Select category

  3. Select package

  4. Go through a step of filling guests

  5. Go through a step of choosing accommodation

  6. Go through a step of configuring the package

  7. Continue to summary

  8. Continue to checkout where the customer fills booker data

  9. Book and arrive at Thank you page

With every step, an event is sent to Google Analytics with the category “view” and action set to the name of the visited view.

Apart from the above, there are other Enhanced Ecommerce events implemented. If you are not familiar with the actions that Google Analytics has defined for ecommerce purposes, read this article.

The events are as follows:

  • “view_item_list” event is sent when arriving on the homepage or category page. It contains a list of presented products.

  • “select_content” event is sent when some product is clicked on the homepage or category page. It contains the clicked product details.

  • “view_item” event is sent when arriving at the product page. It contains the product details.

  • “add_to_cart” event is sent when arriving on summary (in case of packages) or right before arriving at checkout (in case of other product types). It contains all chosen products details.

  • “begin_checkout” event is sent when arriving at the checkout page. It contains all chosen products details.

  • “checkout_progress” event may be sent after entering a coupon which applies a discount. It contains all the products and the coupon.

  • “purchase” event is sent right after the booking is done (depending on the “Fire Purchase event on Checkout“ setting in Sales -> Booking Engine -> Tracking). It contains order reference, total value, currency, products, and possibly: referral code and coupon used.


Cross-Domain Tracking

When you want to measure conversions from your website to the checkout or payment it is important to setup Cross Domain Tracking as your Booking Engine and Payment Form run on a different domain than your website (e.g. www.yourbusinessname.com vs yourbusinessname.bookinglayer.com).

Please refer to the articles from Google below and pass them on to your webmaster in case you don't manage the code of your website yourself. Note that Google Analytics has two tracking methods: 'analytics.js' vs 'gtag.js'. We recommend to update to gtag if you haven't done already.

Cross Domain Tracking instructions for gtag.js
Cross Domain Tracking instructions for analytics.js

The easiest way is to use the Linker plugin which will automatically add linker parameters to all links and forms pointing to the "yourbusinessname.bookinglayer.com" domain. With gtag.js you would need to add the following lines:

gtag('config', 'GA_MEASUREMENT_ID', {
'linker': {
'domains': ['yourbusinessname.bookinglayer.io']
}
});

Tip
Install the Google Tag Assistant extension in Google Chrome to analyze all calls that are being sent to your Google Analytics account.

Please note: When a user journey crosses from your first domain to your second domain, Analytics interprets that as the user having been referred by your first domain to your second domain, and Analytics creates a new session. If you want to be able to understand user interactions as a single session across multiple domains, you need to add your domains to the referral exclusion list.


Firing the "Purchase" event on Checkout

By default, the "Purchase" event is fired when the visitor makes an online payment.

If you work with on-site payments, this event won't be fired.

If you still want track purchases in this scenario, you should enable the "Fire Purchase event on Checkout" option in Sales > Booking Engine > Tracking:

With this setup, Bookinglayer will send the "Purchase" event to Google Analytics at the moment of Checkout (when the booking is completed).

Did this answer your question?