How can I track online bookings using Google Tag Manager? (updated for Google Consent Mode V2)

4 steps to easily integrate conversion tracking within the Shore booking engine

Important: Your Google Tag Manager container (the one from your website) must be installed in your Shore booking engine as well.
Please contact our support so that we can install the container for you. Simply send us your container ID (GTM-XXXXXXX).

Important: we highly recommend to implement a GDPR compliant cookie banner compatible with Google Consent Mode V2. If not, you will not be able to make full use of Google Analytics and Google Ads.

To facilitate the integration, we included a template from the cookie banner Cookiebot in this tutorial. Please use this link to sign up so we can easily access your account if you need further support from our tracking specialist.

Step 1: Import of the GTM container template

You now have the option to import a pre-installed container with all Google tags, triggers and variables that can be used for the Shore booking engine. Once you have imported the tracking template, you only need to add your own IDs and your website url as described below.
Your tracking will work immediately!

  • If you want to know how to import a container into Google Tag Manager, please read this article. 

  • When you are ready, all you need to do is download this JSON file (right click and save file). Once downloaded, you need to import this file into your Google Tag Manager Workspace where you manage all your tags for your website and Shore.

Important: Please check your tags and variables to add your own Google IDs and website domains. The downloaded file is only a template and needs to be adapted with your own properties.

Step 2: Customize your tags and variables with your own ids/url


Google Ads Conversion Linker tag
 Conversion Linker Tag:

Google-Tag-Manager (1)


Google Ads Variables IDs

Google Ads Conversion ID:

EN-conv-id


Google Ads-Conversion-Label:



EN-label-id


Facebook Pixel


Important

In order to avoid 3rd party domain restrictions, we recommend that you place your Facebook conversion pixel on your own website instead of placing it on Shore booking engine located on connect.shore.com.

This means that you need to create your own thank you page (on your domain) and place the Facebook conversion pixel there. 

Fortunately, we have created a first setup for you. The only thing you need to do is add your Thank You page URL and your Facebook pixel id.

You can find all the details in the section called: Create your own Thank You page - Facebook tracking workaround

 

Facebook Pixel ID:

EN-variable-FB-id


Google Analytics (GA4)

Here you is where you can find the Measurement ID of GA4:

EN-GA4-measurement-id

EN-GA4-measurement-id2

Then go to Google Tag Manager:

GA4 Config tag / Measurement ID

EN-GA4-id

Step 3: implement a GDPR compliant cookie banner compatible with Google Consent Mode

Cookiebot

Important

you are free to integrate any kind of cookie banner compatible with Google Consent Mode V2. However you need to make sure that the cookie banner snippet is integrated both on your website and shore booking engine.

In this tutorial, we present a quick integration with Cookiebot. We already included the Cookiebot template so the only thing you need to do is to add the Domain Group ID.
Please use this link to signup so we can easily access your account if you need further support from our tracking specialist.


Cookiebot account customization

  • Action 1:
    create an account using this link

  • Action 2:
    Go to "Settings / Domains"
    Click on the "+" button to add your own domain and "connect.shore.com" domain as shown below. Don´t forget to "save" your changes.
    Please note that in order to add 2 domains you need to upgrade to a paid subscription.

    Settings-Cookiebot
  • Action 3:
    Go to "Settings / Your Scripts"
    Copy the Domain Group ID as shown below. 

    Settings-Cookiebot1-de-1
  • Action 4:
    Now you need to paste this ID inside the Cookie Banner Template tag in Google Tag Manager. Please make sure the setup looks like this below:

Settings-Cookiebot2

 

Advanced vs Basic Consent Mode

Important

by default you have the "Advanced" configuration of Consent Mode enabled. If you wish to implement the "Basic" configuration of Consent Mode, you need to adjust the triggers of all of your Google tags.
For more details, please visit the Controlling cookies section from Cookie bot's help center 

Step 4: Publish your GTM container !

Once you are done with the settings, do not forget to push your changes live!

submit-changes

 

Under the EU Cookie Law*, the cookie banner serves two purposes: 
  • to ensure that visitors to your site are informed about the use of cookies
  • to enable visitors to either accept or block Marketing and Analytics cookies (ex Google Ads, Google Analytics, usw)
The Cookie Law is a piece of privacy legislation that requires websites operating in the EU to get consent from visitors to store or retrieve any information on a computer, smartphone or tablet.