Google Analytics can be used to track pageviews and the full customer journey as your customers navigate their way through your frontoffice.

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 (optional)

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.

Note that it make take up to 24 hours before data is processed in Google Analytics. In other words these Ecommerce views are not always updated in realtime.

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

Tip
You could install the Google Analytics Debugger extention in Google Chrome to analyise all calls to Google Analytics yourself. For further Google Analytics support and questions we recommend you work with an ecommerce specialist.  

Did this answer your question?