Integrating Google Analytics With Booking Button For Hotel Websites

Contents

Many hotels are using the popular third party hotel booking system called TheBookingButton (TBB) however most are unaware of the benefits of integrating Google Analytics which allows hotels to track, understand and report on the performance or their website and digital marketing campaigns.

Think about this scenario, you’re the marketing manager of a major hotel and the director comes to you and asks you “how much money have we spent on Google advertising this month and what was our return on investment?“. If this question worries you and you currently can’t answer it, this tutorial is for you.

If you follow these steps you’ll be in the best position to confidently and quickly answer your Director with a clear breakdown of the revenue generated per channel in Google Analytics.

The Booking Button Transactions

This data is only possible when Google Analytics is integrated with The Booking Button correctly.

Getting Started

Most hotels already have a Google Analytics account and if that’s the case there is no need for you to create a new account.  However, if you don’t have one yet then the first thing you need to do is setup Google Analytics by heading over to the Google Analytics sign up page and running through the short setup.

Once you have your account you need to follow these steps to get your Google Analytics Account ID:

  1. Head to Admin in Google Analytics
  2. Under the Property Column select Property Settings
  3. Take note of the Google Analytics ID for your property i.e.UA-XXXXXXX-X

Now that you have your ID we need to inform Siteminder that we wish to configure advanced tracking with source attribution for your hotel. Email TheBookingButton support on [email protected] and include the following:

  • Your Google Analytics Account ID, (e.g. UA-XXXXXXX-X)
  • Your Booking Button client prefix. Usually the name of your property in lower case with dashes replacing any spaces.
    • i.e https://app-apac.thebookingbutton.com/properties/diplomatmoteldirect
  • Once TheBookingButton support confirms that your account has been updated, proceed to implementation.

Technical Setup

Step 1. Get your Google Analytics Tag

If you are using the current Universal Analytics tracking code, it will be similar to the snippet below. If you’re script doesn’t look like this we recommend you upgrade from classic to universal before you get started.

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', '<INSERT TRACKING ID>', 'auto');  
  ga('send', 'pageview');

</script>

Step 2. Updating your Google Analytics code snippet

The next step is to update your Universal Analytics code to look like the following.

  • <Your GA Account ID> – insert your Google Analytics ID (e.g. UA-XXXXXXX-X) making sure to remove from the starting < to the closing >
  • <Your client prefix> – insert your BookingButton client prefix (e.g. diplomatmoteldirect) making sure to remove from the starting < to the closing >
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
var tbb_ga = '<Your GA Account ID>';
var tbb_cid = '<Your client prefix>';
var tbb_domain = 'app-apac.thebookingbutton.com';
ga('create', tbb_ga, {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink', [tbb_domain], false, true);
ga('send', 'pageview');
ga(function(tracker) {
window.linker = window.linker || new window.gaplugins.Linker(tracker);
if(document.referrer.indexOf(document.domain)!=7) {
var e = document.createElement('iframe');
e.src = window.linker.decorate('//'+tbb_domain+'/'+tbb_cid+'/ga_proxy');
e.setAttribute('style', 'display:none');
var b = document.getElementsByTagName('body')[0];
b.appendChild(e);
}
});
// Automatically apply TBB prefix to thebookingbutton links
$(document).ready(function(){
$('a[href*="'+tbb_domain+'"]').each(function(){
this.href = this.href.replace(new RegExp(tbb_domain+'/properties', 'i'), tbb_domain+'/'+tbb_cid+'/properties');
});
});
</script>

Now that you’ve got your updated script get your webmaster to add it to your site or copy the script yourself and place it into your website code. If you’re using WordPress normally the best place to put it is in your header.php file or you can also use a plugin.

Step 3 –  Enable Ecommerce Tracking in Google Analytics

If you want to see the eCommerce transactions in Google Analytics then you must first have eCommerce tracking switched on.

  1. Go to Admin in Google Analytics
  2. Go to the view column and select eCommerce settings
  3. Switch eCommerce from OFF to ON.
  4. Press next step
  5. Press submit
ecommerce-setup-google-analytics

Step 4. Create a Filter to remove virtual page views

This is a very technical step and it’s simply a matter of going “OK, I can do that” and not necessarily a requirement that you understand why. Just know that it’s important and you should do it when setting up any hotel.

This is the explanation from Siteminder:

A virtual page view is generated by the cookie synchronisation process in the TheBookingButton tag. Create the following filter (at a view level) to remove this virtual page view to avoid inflating your page view and visit data.

  1. Go to Admin Google Analytics
  2. Find the view column and then select filters
  3. Call the filter “Remove cookie sync virtual pageview”
  4. Select filter type of custom
  5. Select Request URI as the Filter Field
  6. Add the following filter pattern “ga_proxy?” (without quotes)
custom-filter-google-analytics

Step 5. Check the default URL and referral exclusion list settings

Ensure you have the default URL of your site set correctly in the property settings section of Google Analytics as shown below.

  1. Select Admin in Google Analytics
  2. Go to the Property Column
  3. Select Property Settings
  4. Check the Default URL is correct.
Correct-domain-Google-Analytics

Step 6. Add TheBookingButton as an Exclusion

For Universal Analytics accounts only, ensure you have the domain name of TheBookingButton set in the referral exclusion list for your Google Analytics property as shown below.

  1. Select Admin in Google Analytics
  2. Property column -> Js Tracking Info
  3. Referral exclusion list
  4. Add www.thebookingbutton.com.au as an exclusion
  5. Select create
add-exclusion-google-analytics

Step 6. Update TheBookingButton links on your website

Now you need to go through your existing site an update any links or call to actions on your website from the old links to the new TBB links. If you’re confused about which link you should be using just reach out to Siteminder again and they’ll be able to let me know what it should be.

If you failed to contact Siteminder in the original step then your old URL might still exist and won’t have been updated yet. You absolutely must contact Siteminder before you begin this tutorial to ensure that you have the new URL and that your Google Analytics code is setup within TBB.

OLD

  • For APAC: [https://]app-apac.thebookingbutton.com/properties/tbbdemodirect
  • For EMEA: [https://]app.thebookingbutton.com/properties/tbbdemodirect

NEW

  • For APAC: [https://]app-apac.thebookingbutton.com/demo-hotel/properties/tbbdemodirect
  • For EMEA : [https://]app.thebookingbutton.com/demo-hotel/properties/tbbdemodirect

Replace [https://] with https://

Need help? Get help with your setup.

If all of this seems too technical for you, or you’re worried about setting it up incorrectly, the best thing you can do is seek help from a professional. PixelRush specialises in high converting hotel websites and setting up The Booking Button with Google Analytics is something we’re very experienced in.

Get in touch with us today for a quote on setting this up for your hotel today. We can also assist with creating comprehensive reporting and dashboards to show you and your management team exactly how your site is performing and which digital channels are generating the most revenue for your business.

Don’t throw away money to the OTAs, build a website that performs.

Frequently Asked Questions

Do Google ads work for lawyers?

Yes, Google Ads can be an effective way for lawyers to reach potential clients. It allows them to target specific keywords and phrases related to their legal services and geographic locations. However, it can be difficult for beginners and quickly become expensive as a lawyer is one of the most expensive PPC keywords.

How can I optimise my law firm’s Google My Business profile?

Optimise your law firm’s Google My Business profile by providing accurate and consistent information, selecting relevant categories, verifying your listing, utilizing Google’s post feature, uploading photos and videos, and optimizing for SEO keywords.

One Response

  1. Hi Byron,

    Thank you for this tutorial. We however, do not have access to the client’s website and would like to implement this through Google Tag Manager.

    Can you advise how we can do GTM implementation of Steps 1 and 2 above?

    Thank you,
    Ana Luisa Lu

Leave a Reply

Your email address will not be published. Required fields are marked *

About the Author

In 2013 Byron took the bold move to transition into his own agency and his hard work paid off, eventually turning PixelRush into a 14-strong digital marketing team that has helped over 150-200 businesses to date in countless which including spending over 10 million in ad spend and optimisation over 400+ landing pages. His personal motto is to lead with this value and this blog is here to provide you with successful strategies so you can learn faster, more efficiently and without the countless hours and hard lessons he’s had to learn along the way.
Share This Article:

You might also like

The legal industry is not immune to the wave of digital transformation sweeping across various sectors. The advent of artificial intelligence (AI) is revolutionising the way law firms market their services, streamline operations, and enhance client experiences.
In today’s competitive legal landscape, establishing a strong online presence is crucial for attracting potential clients. Using Google My Business for lawyers is a powerful tool to help law firms stand out in local search results…
Are you striving to raise your law firm’s web visibility and search engine rankings? Link building is the answer! This piece will provide valuable insights into how link-building strategies for law firms can give you an edge over competition…

Ready to take your Business
to the next level?

Book your free video audit of your website and let’s talk about how we can help you grow your business. 

30 mins free video analysis + 30 mins discovery session