Step 1 - Find your Tracking ID

To enable tracking, log into Google Analytics and find your tracking code. On the left bottom you see a cog wheel that brings you to the settings. You'll see a couple of columns, make sure to click on Tracking Info under the Property-column.

Then copy and paste your Tracking ID which is of the form UA-XXXXXXXX-X into the frontoffice settings in your backoffice, under Settings > Frontoffice > Tracking.

If you only care about tracking pageviews there is no need to read the rest of this article. In Step 2 we explain how you can make use of Enhanced Ecommerce Reporting which allows you to see a funnel and dropoff rate while visitors go through the booking process coming from your website. Bookinglayer will then also send details like name and price of items being booked to Google Analytics. 

Step 2 - Enable Enhanced Ecommerce Reporting

Go to your Google Analytics settings once again. If you haven't created a View yet, make sure to create one first. The view is displayed as a column and comes with a bunch of options, just like you have with the columns Account and Property. Now navigate to Ecommerce Settings and enable the first two options (as displayed below) and hit Save.

With Ecommerce Reporting enabled Bookinglayer will now send multiple events to Google Analytics while visitors make their way through your frontoffice.

What does Bookinglayer send to Google Analytics?
Lets take the example of booking a package in your Bookinglayer frontoffice. The common flow is:

  1. Open category
    Visitor clicks on a category
  2. Open package
    Visitor clicks on a package
  3. Add to cart
    Visitor clicks on Continue after having configured the package (e.g. by setting accommodation and additional items).
  4. View cart
    Visitor is on the Cart overview.
  5. Complete booking
    Visitor has filled in the details of the main booker and has clicked on Complete booking.
  6. Booker makes a payment
    Depending on your settings a deposit payment, full payment or no payment at all is required directly after the booking. It could be that the payment page is accessed 2 days later because you confirm bookings manually or you redirect bookers to your payment page via an (automated) email.  

In each step Bookinglayer sends data to Google Analytics, explained below.

Before you read on:
If you are not familiar with the actions that Google Analytics has defined for Ecommerce purposes, make sure to read this article first.

  1. Regular pageview event with the url of the page (#/category/{some ID}).
  2. It sets the package being visited and fires and event action of type 'detail'.
  3. It sets the package being visited and fires and event action of type 'add'.
  4. Regular pageview event with the url of the page (/#/cart).
  5. It sets the packages present in the cart and fires an event action of type 'checkout'.
  6. It sets the packages present in the booking and fires an event action of type 'purchase'.

Advanced usage - 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 Frontoffice and Payment Form run on a different domain than your website (e.g. www.yourbusinessname.com vs yourbusinessname.bookinglayer.io).

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 you update to gtag if you haven't done already.

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

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

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

Tip
You could install the Google Tag Assistant extension in Google Chrome to analyse all calls that are being sent to your Google Analytics account.

For further Google Analytics support and questions we recommend you consult a digital marketing specialist. Contact our team if you need a recommendation.

Did this answer your question?