Help Centre

How to integrate Google Analytics with SuperControl

Updated on

Pre-requisites 

You need to use the latest version of SuperControl calendars and booking cart on your website.
-> Should you still be using the old calendars, please see this link re further information about the calendars required.

You need to have a Google Analytics and Google Tag Manager (GTM) account. Google Tag Manager should be installed on your website. The new set-up allows GA4 conversion tracking to work through GTM. 

Due to cross-domain tracking restrictions enforced by browsers you will need to create a custom conversion page on your website for effective Google Analytics conversion reporting.  

SuperControl will provide you with a snippet of code to use on your new conversion page which will enable the customers booking summary information to be displayed to them on completion of successfully placing their booking via your website. It will also fire the events needed for analytics conversion tracking. Follow the steps below to access the snippet.

Your marketing agency will be able to implement the Tag Manager changes for you. For further support please contact Affinity Agency.

We've teamed up with Affinity to bring you a comprehensive guidebook, tailored especially for SuperControl users. Whether you're new to Google Analytics or looking to refine your existing knowledge, this guidebook is your passport to unlocking powerful insights about your online audience. Access the guidebook and discover how to make data-driven decisions that elevate your online booking experience. Download your copy below.

Follow the steps below for the set-up process

1. Creating a custom conversion page on your website with snippet

Ask your web developer to create a custom conversion page on your primary website domain. For example the URL might be something like https://www.yourwebsite.com/booking-thanks

- Ensure the Google Tag Manager (GTM) standard snippet is included on the page. 
- Include an H1 title on the page “Thank you for your booking”.
- Add the custom summary snippet within the body area of your new page:

<div class="sc-summary-container"> 
    Your booking summary will appear here. 
</div><script src="https://secure.supercontrol.co.uk/components/summary.js"></script>
Click to copy
2. GA4 (Google Analytics 4) settings

In GA4 go to Admin > Data Streams > Configure tag settings > Configure your domains: 

Add condition
Contains > your website URL, e.g. yourwebsite.com
Contains > supercontrol.co.uk 

In GA4 go to Configure > Custom definitions > Create custom dimensions.

Create these 3 custom dimensions: 
Dimension name: Action Event parameter: Action
Dimension name: Label Event parameter: Label 
Dimension name: Value Event parameter: Value 

3a. For standard GA4 tracking. Import GTM (Google Tag Manager) settings

Your marketing agency will be able to implement the Tag Manager changes for you. For further support please contact Affinity Agency.

Download the .zip file and extract the Google Tag Manager json import file.

  1. Go to your GTM account >Admin > Import Container.
    Import the "GTM SuperControl.json” file into your Workspace (or create an additional workspace) 
  2. Merge > check for duplicates 
  3. Once imported it will list the Workspace changes.
    Edit these two items: 

- Tag: (CHANGE) GA4 Configuration
Update the Measurement ID to match your GA4 Measurement ID and rename to GA4 Configuration

- Variable: (CHANGE) Auto linker Domains
Update the domain to reflect your website URL and rename Auto linker Domains

3b. Or for standard GA4 tracking inc. Google Ads & Facebook. Import GTM (Google Tag Manager) settings

Your marketing agency will be able to implement the Tag Manager changes for you. For further support please contact Affinity Agency.

Download and extract the Google Tag Manager json import file

  1. Go to your GTM account >Admin > Import Container. Import the "GTM SuperControl.json” file into your Workspace 
  2. Merge > check for duplicates 
  3. Once imported it will list the Workspace changes.
    Edit these 5 variables: 

- Variable: (SETUP) Auto Linker Domains
Update the domain to reflect your website URL and rename to Auto linker Domains

- Variable: (SETUP) Facebook Pixel Id
Update the Value to match your Facebook Pixel and rename to Facebook Pixel Id

- Variable: (SETUP) GA4 Measurement Id
Update the Measurement ID to match your GA4 Measurement ID and rename to GA4 Measurement Id

- Variable: (SETUP) Google Ads Conversion Id
Update the Conversion ID (value) from your Google Ads and rename to Google Ads Conversion Id

- Variable: (SETUP) Google Ads Conversion Label
Update the Conversion Label (value) from your Google Ads and rename to Google Ads Conversion Label

4. Enable the custom conversion page in SuperControl

When you are ready to go live enable the redirect to your new conversion page 

  1. Log into your SuperControl account 
  2. Admin > Website integration > Edit your calendar 

3.    Tick the option Use a custom booking summary page at the bottom of the page and paste in your new custom conversion page URL: 

Click Save to enable the booking process to use your new custom conversion page. 

Note:
Let SuperControl know when you go live so that we can check if any legacy tracking we have in place for you needs to be removed from your booking pages. 

Previous Article Will I be notified, if a booking can't be imported through iCal due to already blocked off dates in SuperControl?
Next Article How do I set up LiveChat?