Setting up Analytic Tracking

Using Google Tag Manager and Google Analytics this guide will show you how to track the online checkout's customer behaviour.

Please note: this article is written with the expectation you have a strong knowledge of Google Tag Manager. 


Before we begin 

You must have the following accounts set up:

Once you have set up these accounts you will need the following:

  • Google Analytics ID -  go to 'ADMIN' > 'Property Settings' > Tracking ID (e.g: UA-XXXX-X)


Set up analytic tracking with the Google Analytics Suite

1. Create a container file

Depending on the solution you use with Roller, either the iframe solution or the link to the domain you have to select the correct .json file (template GTM container) to download and work with.

a) Save this link to your computer, please ensure the file is a .json file: ROLLER_GTM_Template.json if you use the iFrame solution

b) Download this file ROLLER_GTM_Template_Not_iFrame.json if not using the iFrame but linking customers to a domain directly


2. Import your container file 

  • In Google Tag Manager go to 'ADMIN' > ' Import Container'
    suggested import options:
    Workspace: Default Workspace
    Import Options: Merge (then overwrite)


3. Change 2 variables in your GTM container

Navigate to 'Variables' and change the following two variables:

  • Google Analytics Tracking ID - Angulartics: Change this variable to your GA UA ID (e.g: UA-XXXX-X) and save.
  • Main Website Domain: Change this variable to your domain name  (e.g: (normally without the www.) ) and save.


4. Check your configuration

  • Navigate to 'Tags' and check the following has been added:
    - Angulartics Events
    - Angulartics Pageviews
    - Angulartics GAecommerce

  • Navigate to 'Triggers' and check the following has been added:
    - Angulartics events
    - Angulartics pageviews
    - Angulartics Ecommerce

  • Navigate to 'Variables' and check the following has been added:
    - angulartics page path
    - angulartics event category
    - angulartics event action
    - angulartics event label
    - angulartics event value
    - angulartics event interaction type

  • Auto Links Domain
  • Google Analytics Tracking ID - Angulartics (change this variable to your GA UA ID)
  • Google Analytics Settings
  • Main Website Domain  (change this variable to your domain name (without www.))
  • ROLLER Domain

If all tags, triggers and variables have been added press 'SUBMIT'. Please note: before you 'Submit' the changes you can 'Preview' and debug the workspace by visiting your site from this web browser.


5. Add GTM tracking to your ROLLER checkouts

  • Login to your ROLLER admin here
  • Go to 'Settings' > 'Integrations'
  • Under Google Tag Manager account number, enter your Public GTM ID
    (please note: when using GTM, you DO NOT need to enter your Google Analytics account number)
  • Press Update


6. Enable Ecommerce Tracking in your GA account



7. Setup Cross Domain Tracking

In order for Google Analytics to track the same user from your website domain onto the domain (being either on an iframe or separate domain) you need to setup cross domain tracking on your main domain. This will allow you to identify which marketing channel resulted in the most revenue for example. If you uploaded the JSON in this article the domain is correctly setup in the new GTM container you just created with this json file.

  • If you use the same GTM container on your main website you can simply “unpause” the “Main Pageviews Google Analytics” tag and it should work. (Note that if you are also tracking pageviews on your main domain with other GA code you should check you are not double tracking pageviews this way)
  • If you use the iframe solution you or your marketing agency should check if the main pageview and angulartics pageview tags need an exception trigger to prevent the tags from firing twice the first time the page is loaded (see this article: )
  • If you want to use your own/other GTM container on your main domain just copy the “Main Pageviews Google Analytics” (that should remain paused on the GTM on the roller domain) to your container on your main domain.
  • If you want to use the GA tracking code without GTM on your main website make sure you do the following: (details can be found here: )

Find the create line in the snippet. For a website called, it looks like this:
ga('create', 'UA-XXXXXXX-Y', '');

Make the following changes to the snippet (the changes you need to make are in bold text):
ga('create', 'UA-XXXXXXX-Y', 'auto', {'allowLinker': true});

ga('require', 'linker');

ga('linker:autoLink', ['']);

Remember to replace the example tracking ID (UA-XXXXXX-Y) with your own tracking ID.

  • We do not recommend to set up cross domain tracking with an iframe solution without GTM on your domain as this requires some more advanced implementations. Instead, use a solution as described in bullet 1 to 4.

8. Viewing your data from Google Analytics

  • From the Google Analytics dashboard go to 'Behaviour' > 'Events' > 'Overview'.
  • Click on each of the below for more information

stage > Stage Event

displays each stage of the checkout process, how many customers made it through to each stage as well as how many customers were unique visitors

totalTickets > confirmation

displays a list of "total number of tickets purchased" per transaction/event.

totalAmount > confirmation

displays a list of the "total transaction amounts" per transaction/event

To view the e-commerce data in Google Analytics navigate to “Conversions” -> “E-commerce” ->and then to one of the following.

  1. Transactions: to view each transaction with the same ID as found in Roller VM
  2. Product Performance: to see the sales and performance per product
  3. Sales: To see an overview of Sales

If you have set up cross domain tracking correctly you can also identify which marketing channel has produced the most revenue, select the second dimension in the table for example “Default Channel Grouping” 👇


Please note: data will only be recorded once the setup is complete. To test your configuration, you will need to wait for a transaction to be processed. (which can take a few hours)




Was this article helpful?
1 out of 1 found this helpful



Article is closed for comments.