Web Analytics Google Analytics

How to install Google Analytics with Google Tag Manager

We are getting started! We have just created our Google Analytics account, you have your Tracking ID (the one that goes UA-XXXXXX) but you do not want to mess with code of your website or maybe with your IT Department. Don’t you worry! Google (and this blog) got you covered.

I recommend you to create and install Google Tag Manager on your website (here you can learn how to set GTM with just a few easy steps). With Tag Manager on your Site and installing Google Analytics through it, you will be set for an uncountable amount of code changes on your website without even having to mess with the rest of the Site, as well as many more options like tracking correctly conversions, and implementing many other tools.

1st step – Create your Google Analytics Tag

Once you create a  Google Analytics account, it provides you with a Tracking ID code:

Google Analytics UA information tracking ID

 

2nd step – Implement your Analytics Tracking ID into Google Tag Manager

With the code that Google Analytics provides, you need to go to your Google Tag Manager account and at the “Tags” tab of your workspace options and click onto “New“:

Google Tag Manager home page

 

There it will open a menu of the different options of tags you can implement into Google Tag Manager. Click onto “Custom HTML” tag, name/title it and paste the HTML code that Google Analytics provides when creating a new UA/ID.

Also, do not forget to add “All Pagesas the trigger, when the “Page View” is loaded.

Types of tags on Google Tag Manager

implement Google Analytics with Google Tag Manager

 

3rd – Save, Pubblish and Test with ‘Google Tag Assistant’

Once you have followed all the previous steps, you just have to “Save” the tag and “Submit” the GTM container (as we already saw on the blog post about how to create a Google Tag Manager account and setting it up).

For the process of checking if everything is well installed, I recommend you getting the Chrome Extension ‘Google Tag Assistant‘. This little (but pretty powerful) tool/Google Chrome Extension will help you check if your tags and codes are well implemented.

Just click on it on your Extensions bar of Google Chrome, click on “Enable“, refresh the page, and it will show you the tags that have been implemented and the status of them.

Google Tag Assistant Google Chrome Extension

Check tags with Google Tag Assistant

If they are correctly implemented will show up in a green or a blue color, with a happy face. If they are not, Google Tag Assistant will mark them red or yellow, tell you what is wrong with them and what needs to be fixed with each one of them.

 

Voila! Your Site is all set up to start tracking its traffic and you have implemented an HTML custom tag without the need of having to mess with your Site’s code. 😉