Help CentreIntegrations Marketing toolsHow to set up Google Analytics with SuperControl

How to set up Google Analytics with SuperControl

You can track traffic, conversions and collect other data across your website and booking pages by integrating your Google Analytics account with SuperControl.

This help guide is based on using our latest SuperControl calendars on your website.  

Note: This article will walk you through the basics of integrating Google Analytics with SuperControl. To learn about how to setup and use Google Analytics, please consult the following resources: 

We are not able to support websites built using the WIX platform for Google Analytics tracking. This is because WIX websites behave as single-page websites which causes problems with referral data in your GA reports.

Do you already have a Google Analytics account?

Modify your Google Analytics settings

1. Enable E-Commerce reporting

You need to enable E-commerce Reporting for each view in which you want to see the data.

  1. Sign in to Google Analytics
  2. Click Admin, and navigate to the view you want
  3. In the VIEW column, click Ecommerce Settings
  4. Set Enable Ecommerce to ON
  5. Click Save
2. Exclude referrals from your website
  1. Sign in to your Analytics account
  2. Click Admin
  3. In the ACCOUNT column, use the dropdown to select the Analytics account that contains the property you want to work with
  4. In the PROPERTY column, use the dropdown to select a property
  5. Click Tracking Info
  6. Click Referral Exclusion List
  7. To add a domain, click +ADD REFERRAL EXCLUSION
  8. Enter the Domain name for your website (your-website.com)
  9. Click Create to save
  10. Repeat the process and add the domain secure.supercontrol.co.uk
3. Enable demographics and interest reports
  1. Sign in to your Analytics account
  2. Click Admin
  3. In the ACCOUNT column, use the dropdown to select the Analytics account that contains the property you want to work with
  4. In the PROPERTY column, use the dropdown to select a property
  5. Click Property Settings
  6. Under Advertising Features. set Enable Demographics and Interests Reports to ON
  7. Click Save

Set up your Google Analytics account

  1. Go to google.com/analytics
  2. Click Start for free to create your account
  3. Sign in with your Google credentials or Create account if you do not already have a Google account
  4. Once signed into Google click to Set up for free within Analytics
  5. Create your account:
    1. Enter Account name (for example your business name)
    2. Click Next
    3. From What do you want to measure, choose 'Web' and clink Next
    4. In Property set up enter your Website Name (for example your business name) and Website URL
    5. Click Create once you have selected the relevant Category and Time Zone
    6. Click through the Accept Terms section

Modify your Google Analytics settings

1. Enable E-Commerce reporting

You need to enable E-commerce Reporting for each view in which you want to see the data.

  1. Sign in to Google Analytics.
  2. Click Admin, and navigate to the view you want.
  3. In the VIEW column, click Ecommerce Settings.
  4. Set Enable Ecommerce to ON.
  5. Optional: Set Enable Related Products to ON.
  6. Click Next step.
  7. Click Submit.
2. Exclude referrals from your website
  1. Sign in to your Analytics account.
  2. Click Admin.
  3. In the ACCOUNT column, use the dropdown to select the Analytics account that contains the property you want to work with.
  4. In the PROPERTY column, use the dropdown to select a property.
  5. Click Tracking Info.
  6. Click Referral Exclusion List.
  7. To add a domain, click +ADD REFERRAL EXCLUSION.
  8. Enter the Domain name for your website (your-website.com).
  9. Click Create to save.
  10. Repeat the process and add the domain secure.supercontrol.co.uk
3. Enable demographics and interest reports
  1. Sign in to your Analytics account.
  2. Click Admin.
  3. In the ACCOUNT column, use the dropdown to select the Analytics account that contains the property you want to work with.
  4. In the PROPERTY column, use the dropdown to select a property.
  5. Click Property Settings.
  6. Under Advertising Features. set Enable Demographics and Interests Reports to ON.
  7. Click Save.

Locate your Google Analytics tracking ID

For the following set up steps you will need your Google Analytics Tracking ID. To locate this:

  1. Sign in to your Analytics account.
  2. Click Admin.
  3. In the ACCOUNT column, use the dropdown to select the Analytics account that contains the property you want to work with.
  4. In the PROPERTY column, use the dropdown to select a property.
  5. Click Property Settings.
  6. Your Tracking ID is displayed at the top of the page. Make a note of this number as you will need it in the later steps.

Tracking Method

Note: Google Tag Manager is our preferred method of tracking activity across your website and booking pages. To learn about how to setup and use Google Tag Manager please consult the following resources:  

Which tracking method will you be using?

Do you already have a GTM account?

Set up your Google Tag Manager account

  1. Go go https://tagmanager.google.com and sign in with your existing Google credentials.
  2. In Tag Manager, click Accounts > Create account.
  3. Enter an account name, choose your country and whether you'd like to share data anonymously with Google and others.
  4. Enter a container name (usually your website URL) and select the type of content as Web.
  5. Click Create.
  6. Review the Terms of Service and click Yes if you agree to those terms.
  7. Click ok to the Install Google Tag Manager popup.

Modify your Google Tag Manager settings

2. Create a Page is iFrame Variable
  1. In Google Tag Manager go to the Variables menu in the left column and then New
  2. Name the Variable 'Page is iFrame'
  3. Click Choose a variable type to begin setup...
  4. Choose Custom JavaScript
  5. In the Custom JavaScript field paste code shown below
function() { try { return window.top !== window.self; } catch(e) { return false; } }

6. Click Save

3. Create a Google Analytics ID Variable
  1. In Google Tag Manager go to the Variables menu in the left column and then New
  2. Name the Variable 'Google Analytics ID'
  3. Click Choose a variable type to begin setup...
  4. Choose Google Analytics Settings
  5. Enter the Google Analytics Tracking ID (which you made a note of earlier) in the Tracking ID field. (Wondering how to find yours? Follow these directions). Set the Cookie Domain to auto.
  6. Choose More Settings
  7. a. Fields to Set: + Add Field and enter the below details:

b. Ecommerce: Tick to 'Enable Enhanced Ecommerce Features' and 'Use data layer'
c. Cross Domain Tracking: 'Auto Link Domains', click the + icon and select the variable we created earlier Auto Link Domains
d. Click Save
e. Your Variable should look similar to the below screenshot:

4. Create Trigger for calendar iframe
  1. In Google Tag Manager go to the Triggers menu in the left column and then New
  2. Name the Trigger 'isiframe'
  3. Click Choose a trigger type to begin setup...
  4. Choose Page View
  5. From this trigger fires on choose Some Page Views and enter the settings to match the below image

6. Click Save

5. Create a Tag for your Tracking ID
  1. In Google Tag Manager go to the Tags menu in the left column and then New
  2. Name the Tag 'Universal Analytics'
  3. Click Choose a tag type to begin setup...
  4. Choose Google Analytics: Universal Analytics
  5. From Track Type choose 'Page View'
  6. From Google Analytics Settings choose {{Google Analytics ID}}
  7. From the Triggering section click choose a trigger to make this tag fire...
  8. Select All Pages
  9. Click to Add Exception and choose isiframe
  10. Click Save
6. Create a Tag for your conversions
  1. In Google Tag Manager go to the Tags menu in the left column and then New
  2. Name the Tag 'Universal Analytics - transactions'
  3. Click Choose a tag type to begin setup...
  4. Choose Google Analytics: Universal Analytics
  5. From Track Type choose 'Transaction'
  6. From Google Analytics Settings choose {{Google Analytics ID}}
  7. From the Triggering section click choose a trigger to make this tag fire...
  8. Select All Pages
  9. Click Save

Your Tags should now be displayed in the same format as the example below.

7. Publish your settings
  1. In the top right hand corner click the Submit button
  2. Click Publish then Continue

Install GTM tracking code on your website and booking pages

You will need to manually install the tracking code on your website. If you need assistance on this, please contact a web designer.

  1. In Google Tag Manager, click Workspace
  2. Near the top of the window, find your container ID, formatted as "GTM-XXXXXX"
  3. Click your container ID to launch the Install Tag Manager box.
  4. Copy and paste the code snippets into your website as instructed in Google's quick start guide

 

Once these settings are in place you will start to see conversions in your Google Analytics following the next online booking that is placed.

Install gtag tracking on your website and booking pages

You will need to manually install the tracking code on your website. If you need assistance on this, please contact a web designer.

Copy the tracking code below, enter your Google Analytics Tracking ID and your-website.com, then paste it into the HTML of all pages of your website just before the closing head tag.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-TRACKING-ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-TRACKING-ID', {
  'linker': { 
    'accept_incoming': true,
    'domains': ['your-website.com'] 
  } 
}); 
</script> 
<!-- End Google Analytics -->

This code is slightly different from the one provided by Google. It includes a cross-domain instruction, meaning that when a visitor from your website (yourdomain.com) continues to the booking engine (hosted at secure.supercontrol.co.uk), Google Analytics will know it is the same visitor.

Send the code to support@supercontrol.co.uk asking that we implement gtag ecommerce tracking. Our team at SuperControl will add this tracking to your booking engine pages.

Once these settings are in place you will start to see conversions in your Google Analytics reports once the next online booking has been placed through your website.

Congratulations, you are done!