Google Tag Manager- An Essential Tool for Website Activity TrackingAre you installing scripts for analytics, pixels, conversion tracking etc on your website?  Or are you using Google Tag Manager?

If the answer is NO, it should be YES!

Google Tag Manager (GTM) is an awesome and essential tool.

In this article, we outline what Google Tag Manager is, how to set it up and how to take advantage of it.

Warning: it’s a little complex to set up but can be extremely valuable.  If you don’t have the technical skill, you may have to call in the geeks!!

What is Google Tag Manager?

You’ll often need to collect information or track activity on your website.  For example, you might want to use Google Analytics to track details of visitors to your website or track visitors so you can target them with Facebook ads.

The normal procedure for this is to get a piece of tracking code and copy it to every page of your website that you want to track.

This starts to get messy as you add more and more code to your website and there are also some potential issues (e.g. it takes time for your website to load these tracking codes).

Google Tag Manager simplifies this (plus there’s lots more functionality too!).

With GTM, you just need to add the code onto your website and then on you go, to Google Tag Manager itself, to add any further tracking code/scripts.

What are the advantages of GTM?

  • Faster – When you open up a web page, everything loads at once.  With GTM, scripts load up asynchronously and it’s faster.
  • Less hassle – Do you have to open up source code to add your scripts?  Or worse, you have to email your developer?!  Now, you can go into Tag Manager and do it yourself.
  • More flexibility – GTM is a powerful tool so there’s a lot more flexibility.
  • Testing – When you create your scripts, you can test them out with a debug mode so you will break your website less often.
  • Version control – There’s a new version number every time you publish and you can easily track changes.
  • Script management – You can assign permissions to different team members so some, for example, can view the tags but not add or change them.

How do you install the Tag Manager?

You start off by creating an account. You can just use your company name.

Every account has one or more containers.  This is just a way of grouping similar stuff together.  If you have one website, you’ll just have one container.

container
Specify the name of the container and what it’s for

You’ll get a piece of code that you need to add to your website.  Once it has been installed, you won’t need to add any more code to the website again.

What terminology do you need to be familiar with?

  • Container – This is your bucket for holding all configuration related to your website.
  • Tag – You create a tag to add the code you are using to measure traffic, visitor behavior etc.
  • Trigger – This is how you define when an event happens.  For example, you could say that a tag is ‘fired’ when a certain page on your website loads.  When you create a tag you can create the trigger at the same time.
  • Variables – This is where you specify something like ‘page url’ instead of specifying the actual URL.  I’ll show you an example later of the benefits of this.

Example of Setting up a Tag

The first tag you’ll probably set up is for Google Analytics.  When you set up a tag, you’ll see that there are some templates already defined for popular tools (e.g. Google Analytics and AdWords).

Enter the name of the tag and then click on Google Analytics.  If a template is not available, you need to enter the code you got from the vendor (select custom HTML tag or custom HTML image).

Creating a tag
Setting up a tag

After this, you’ll a screen similar to the following:

Google tag setup
Setting up the tag

In this, you specify:

a) The type of analytics you are using – standard or universal.

b) Configure tag – This is where you enter your Google Analytics tracking code.  You get this from Google when you set up your Analytics account.

c) Track type – What do you want to track with this code? For this, we want to track page views.

d) Advanced settings – You can get fancy with more settings.  For example, you could specify the priority of this tag if there are other tags on the page.

e) Fire on – You specify when this tag fires.  It could fire every time a page loads, when someone clicks on a button on a page, when someone submits a form etc.

When you have finished with this configuration, you select ‘create tag’.

But…

…at this stage, the tag is not operational.  You need to publish the changes before it’s operational.  See the next section.

When you have created some tags, this is what is looks like:

tag screen
A list of tags/triggers

How to Publish and Debug your Tags

Your tag is not operational until you hit the publish button but, before you do that, you should click ‘preview’.  You can then open up your website in debug mode and see if the tags are firing correctly.

tag publishing
Publishing a tag

This is what your site will look like with debug mode on:

GTM debug
Debug mode GTM

In the above, you see that three scripts have loaded.

  • ConversionFly – This is a conversion tracking tool.
  • Facebook Pixel – This tracks visitors on your website so you could track Facebook ads.
  • Ontraport Tracking Script – This is an automation tool that needs to track activity from subscribers.

Previously, I loaded a new tag and ran debug mode and there were errors in the script.  If I copied this directly to the website, it could have broken the website.  This debug mode is handy!

Administration

In the administration section of GTM there are various useful pieces of functionality, for example:

User management – You can give permission to users to access an account and/or container.  For example, they could have view, edit, publish and delete access for a container within an account (but not for another container)

Import/export container – You may have container configured from another account that you want to import to save you setting up all the tags again.

Note:  The administration section is where you get access to your GTM code.

Useful Resources

Summary

Google Tag Manager is a powerful and useful tool and, if you have a website, you need to use it!

Once you have it set up, you’ll be glad you have it.

Have you used GTM?  Tell us what you think of it!


Similar Posts You Might Also Like...
[wpforms id="21612" title="false" description="false"]
<div class="wpforms-container wpforms-container-full" id="wpforms-21612"><form id="wpforms-form-21612" class="wpforms-validate wpforms-form" data-formid="21612" method="post" enctype="multipart/form-data" action="/google-tag-manager/?omhide=true" data-token="96e9ee8de1e486515f5db6484a7667c3"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-21612-field_1-container" class="wpforms-field wpforms-field-name" data-field-id="1"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-21612-field_1">Name <span class="wpforms-required-label">*</span></label><input type="text" id="wpforms-21612-field_1" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][1]" placeholder="Name" required></div><div id="wpforms-21612-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-21612-field_2">Email <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-21612-field_2" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][2]" placeholder="Email Address" required></div><div id="wpforms-21612-field_6-container" class="wpforms-field wpforms-field-text" data-field-id="6"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-21612-field_6">Website</label><input type="text" id="wpforms-21612-field_6" class="wpforms-field-large" name="wpforms[fields][6]" placeholder="Website" ></div><div id="wpforms-21612-field_5-container" class="wpforms-field wpforms-field-textarea" data-field-id="5"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-21612-field_5">Enquiry <span class="wpforms-required-label">*</span></label><textarea id="wpforms-21612-field_5" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][5]" placeholder="Enquiry" required></textarea></div><div id="wpforms-21612-field_11-container" class="wpforms-field wpforms-field-captcha" data-field-id="11"><label class="wpforms-field-label" for="wpforms-21612-field_11">Custom Captcha <span class="wpforms-required-label">*</span></label> <div class="wpforms-captcha-math"> <span class="wpforms-captcha-equation"> <span class="n1"></span> <span class="cal"></span> <span class="n2"></span> <span class="e">=</span> </span> <input type="text" id="wpforms-21612-field_11" class="wpforms-field-medium wpforms-field-required a" data-rule-wpf-captcha="math" name="wpforms[fields][11][a]" required> <input type="hidden" name="wpforms[fields][11][cal]" class="cal"> <input type="hidden" name="wpforms[fields][11][n2]" class="n2"> <input type="hidden" name="wpforms[fields][11][n1]" class="n1"> </div> </div></div><div class="wpforms-field wpforms-field-hp"><label for="wpforms-21612-field-hp" class="wpforms-field-label">Comment</label><input type="text" name="wpforms[hp]" id="wpforms-21612-field-hp" class="wpforms-field-medium"></div><div class="wpforms-recaptcha-container wpforms-is-recaptcha"><div class="g-recaptcha" data-sitekey="6LeM6ZgUAAAAAEkxPMgcFFoPipPfMkqzgcGXJioV" data-size="invisible"></div></div><div class="wpforms-submit-container"><input type="hidden" name="wpforms[id]" value="21612"><input type="hidden" name="wpforms[author]" value="5"><input type="hidden" name="wpforms[post_id]" value="3467"><button type="submit" name="wpforms[submit]" id="wpforms-submit-21612" class="wpforms-submit bc-form-button-blue" data-alt-text="Sending..." data-submit-text="Send" aria-live="assertive" value="wpforms-submit">Send</button></div></form></div> <!-- .wpforms-container -->