How to Link Google Tag Manager and Google Analytics with Ticketsolve

What is it?

Google Tag Manager (GTM) is basically a solution provided by Google for free that allows you to add tags and triggers to your website. By using GTM you will no longer need to ask us or your web developer to add tags such as conversion pixels or remarketing pixels onto the website. If you’re still unsure what GTM does head over to YouTube and there are loads of videos that explain it very well.

Why should we use it?

We understand how busy you are and that you want things done quickly. By using GTM you are in control of adding your bits of code to the website. You can also choose what pages they fire on and in what order.

How to set it up?

It’s very simple to set up GTM so that it links to your Ticketsolve pages. We have put together this playbook to show you how to do it.

Step 1 - Create a Google Tag Manager Account

The first step is to create a GTM account. Head on over to http://www.google.co.uk/tagmanager and sign up. Click on create an account and follow the steps below:

  • Set-up Account - add your organisation’s name
  • Set-up Container - add in your website URL 
  • Where to use container - select web
  • Agree to the terms and conditions

Screen_Shot_2017-08-03_at_17.17.28.png

After the final step a pop up box will appear with some code in it. Click ok and it will take you to the container dashboard. Once in here, you will find the container ID in the top left hand side of the screen next to the container name, it will start with GTM- followed by numbers and letters. Copy this container ID as you will need it for the next step. 

Step 2 - Link Google Tag Manager with Ticketsolve

Once you have copied your container ID head over to Ticketsolve and go to Settings > General Settings and type in gtm. This will find the setting google-gtm_container_id, from here paste your container ID from GTM and click Update.

GTM_container_id.JPG

Top Tip: If you have multiple subdomains and want to track each one separately using different Google Analytics tracking ID’s. Add the container ID into the subdomain settings.

Step 3 - Add Tags and Triggers to the Container

Luckily, our development team have kindly provided us with a JSON file that contains all the tags and triggers that you need to get the most out of the new Google Analytics tracking.  Follow the steps below (or you can download the correct file at the bottom of this article):

  • Go back into your GTM container
  • Click on Admin in the top menu
  • Click on Import Container
  • Choose the container file that can be found at the bottom of this article
  • The workspace is Existing
  • The import option is Overwrite
  • Click on Default Workspace

Step 4 - Adding your Google Analytics Tracking ID

Now that the tags and triggers have been set up within the container, you can now add in your Google Analytics tracking ID. The tracking ID can be found in the admin section within Google Analytics. Follow the steps below to add your unique tracking ID:

  • Click on variables in the left hand menu
  • Scroll down until you see User-Defined Variables
  • Click on Analytics Account ID
  • Add your tracking ID into the Value box as shown below

Screen_Shot_2017-08-03_at_17.27.30.png

Step 5 - Cross Domain Tracking 

In order to link your website to the Ticketsolve site, you will have to update the domains variable so that Google Analytics can track your customers for the whole journey:

  • Go to variables
  • Go to Domains
  • Add in your domain name and ticketsolve.com domain as the image below

Screen_Shot_2017-08-03_at_17.36.14.png

Step 6 - Non Iframe or Iframe 

As some of you maybe using iframes on your website, you need to tell GTM about it. Just follow the steps below:

  • Go to variables
  • Click on iframed
  • In the value type in 'no' for non iframe accounts and 'yes' for iframe accounts

Step 7 - Publish the Container

The final step is to publish the container so that all of the tags and triggers can start to work on your pages. The publish button can be found in the top right hand side of the dashboard. When you click on the dropdown you will see three options, these being:

  • Publish Now - this will publish the container straight away
  • Preview and Debug - this will allow you to preview the container and to see if all is working correctly on your site
  • Save as New Version - This will save your current version and create a new draft version to work on

We recommend that you Preview and Debug to make sure the container is firing on your website. Head over to your Ticketsolve pages and you should see a new window pop up at the bottom of the page, this shows you that GTM is working on your site, please see image below.

Now that you have tested to see if GTM is working on your site, go back into GTM and leave preview mode. You can now publish your container.

Step 8 - Setup Ecommerce Tracking

As soon as GTM is working on the website, you will now need to change some setting within Google Analytics so that you get the most out of the integration. Head over to you Analytics account and navigate to Admin > Ecommerce Setting and complete the below:

  • Enable Ecommerce - Switch to On
  • Click next step
  • Enable enhanced ecommerce reporting - Switch to On
  • Add the following funnel steps:
  1. Checkout Form
  2. Payment Form

Screen_Shot_2017-08-03_at_17.39.10.png

Step 9 - Exclusion Referral List

This is an important step as you don't want to see your website and our payment processing site as referrals. Head over to the Admin section in Google Analytics and click in the Tracking Info in the Property section. You will see a dropdown appear, click on the Referral Exclusion List. Add in the following domains:

  • your own website domain
  • ticketsolve.com
  • hpp.realexpayments.com

Step 10 - Install Google Tag Manager

The final step is to install Google Tag Manager. Go to the Workspace in the GTM account and click on the container ID, which will start with GTM-followed by numbers and letters.

Container_ID_circle.jpg

This will open a pop up window with some code. Copy the code from the top box and ask whoever looks after your site to add the following code to every page of your website, as high in the head as possible.

mceclip0.png

 

Step 11 - More than Just Analytics

Now that GTM has been set up on your Ticketsolve pages you can reap the benefits of this integration. Please see below some of the cool things that you can do using GTM:

  • Add remarketing pixels so that you can target all your website visitors with Facebook, Twitter and Google ads
  • Add conversion pixels so that you can track conversions from other social media platforms such as Facebook and Twitter
  • Add Mailchimp goal tracking allowing you to utilise the automation feature within Mailchimp
  • Create specific goals or events such as tracking if a customer has clicked on a specific part of the page

As you can see, the possibilities are endless. If you have any problems with the set up, please get in touch with support and they will be more than happy to help. Happy tagging.

Remember: This guide is only for Ticketsolve pages. If you would like to set up GTM on your side of the website, you will have to insert some code into your CMS.

 

Was this article helpful?
3 out of 3 found this helpful
Have more questions? Submit a request

Comments

  • Avatar
    Neil Myers

    Excellent article, thank you,

    Comment actions Permalink

Please sign in to leave a comment.