In order to implement ecommerce tracking, cross-domain tracking or enhanced ecommerce tracking on your website, you need to customize the Google Analytics tracking code.

To achieve this objective, without breaking the GA tracking code, you need to understand what analytics.js library is. Analytics.js is a JavaScript library that is used to measure users’ interactions with your website. Whenever we refer to Google Analytics, we are actually referring to this library.

You can add analytics.js to your website by placing the following JavaScript code (also known as Google Analytics Tracking Code) on each page of your website, immediately before the closing head tag (</head>):

The ‘UA-XXXXX-Y’ in the code above is known as the tracking id (also known as property id).

This id (which is actually a string) tells Google Analytics (aka analytics.js library) which account and property to send data to.

Following is an example of a tracking id:

UA-12345-21

The tracking id is made up of two parts:

#1 Account number
#2 Property number

Note: You can view analytics.js JavaScript library by visiting this URL: https://www.google-analytics.com/analytics.js

Get the E-Book (50 Pages)

Get the FREE E-Book (50+ Pages)

Finding Tracking ID for your website

Though the tracking id is already included in your Google Analytics tracking code, it is still important to know, what a tracking id is and how to find it, for your website.

This is because you would need this tracking id while using the Google Analytics API, Measurement Protocol (which is generally used to collect data from devices other than desktops, laptops, tablets and mobiles) or Google Analytics SDK (which is used to collect data from mobile apps).

To find your tracking ID, go the ‘Admin’ section of your account and then click on the ‘Tracking Code’ link under ‘Property’ > ‘Tracking info’:

What not to modify in the GA Tracking Code

The highlighted code below is used to initialize the ga() command queue function and to load the analytics.js library:

Avoid modifying this part of the code, unless you know exactly what you are doing. Whatever custom code you wish to add, add it after the highlighted code.

Preloading Google Analytics Tracking Code

Google provides an alternative asynchronous version of its tracking code which allows modern web browsers to pre-load the tracking code:

<!– Google Analytics –>

<script>

window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;

ga(‘create’, ‘UA-XXXXX-Y‘, ‘auto’);

ga(‘send’, ‘pageview’);

</script>

<script async src=’//www.google-analytics.com/analytics.js’></script>

<!– End Google Analytics –>

By using this tracking code, you can load Google Analytics a bit faster on your web pages. The downside of using this script is that it turns into synchronous loading on older web and mobile browsers such as IE 9.

Use this script if the majority of your website visitors use modern web browsers.

Frequently Asked Questions About Analytics.js – The Google Analytics JavaScript Library – Tutorial