Introduction to Analytics.js – The Google Analytics JavaScript Library

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 which 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>):

ga tracking code

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:


The tracking id is made up of two parts:

#1 Account number
#2 Property number

account property number

Note: You can view analytics.js JavaScript library by visiting this URL:

Get the E-book (52 Pages)

Get the E-Book (37 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’:

tracking codetracking id2


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:

what not to modify

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>||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;

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

ga(‘send’, ‘pageview’);


<script async src=’//’></script>

<!– End Google Analytics –>

By using this tracking code, you can load Google Analytics 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 IE 9.

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

Most Popular E-Books from OptimizeSmart

Learn to read e-commerce reports book banner

How to learn and master Web Analytics and Google Analytics?

Take the Course

Check out my best selling books on Web Analytics and Conversion Optimization on Amazon

How to get lot more useful information?

I share lot more useful information on Web Analytics and Google Analytics on LinkedIn then I can via any other medium. So there is really an incentive for you, to follow me there.

Himanshu Sharma

Certified web analyst and founder of

My name is Himanshu Sharma and I help businesses find and fix their Google Analytics and conversion issues. If you have any questions or comments please contact me.

  • Over twelve years' experience in SEO, PPC and web analytics
  • Google Analytics certified
  • Google AdWords certified
  • Nominated for Digital Analytics Association Award for Excellence
  • Bachelors degree in Internet Science
  • Founder of and

I am also the author of four books:

error: Alert: Content is protected !!