The Ultimate Guide to Use Google Tag Manager Properly

///The Ultimate Guide to Use Google Tag Manager Properly

The Ultimate Guide to Use Google Tag Manager Properly

In 2012, Google declared the release of its new ground-breaking product, known as Google Tag Manager (GTM). It is a tag management system that permits you to monitor tags on a user interface, without writing new code every time you would like to construct a tag. You just insert the Google Tag Manager code into every page of your website. This eliminates the manual method of making tags, creating your marketing process more efficient and precise. This system is formed by Google to manage JavaScript and HTML tags used for tracking and analytics on websites. But still many people don’t know how to use google tag manager properly? They always keep searching for a proper guidance or method where they get to know the use of google tag manager properly and in a effective way. 

Like Google Search Console is an powerful SEO tool, similarly Google Tag Manager gives extra advantage to you.

How to Use Google Tag Manager Properly

Google Tag Manager is powerful, but like any other technology, only when used properly. So let’s handle this in sequence.

Deploy The Right Code

The first thing worth mentioning here is that not everything comes right out of the box.

E-commerce tracking, as an example, isn’t pre-configured in Google Tag Manager and desires a bit extra effort to get off the ground.

But let’s not get ahead of ourselves here.

Before any paint gets used or fixtures get added to the doors, you need to lay the foundation for the house. The primary thing you’ll notice about the new UI in tag manager is the clean look.

Though this clean look definitely looks better, it’s necessary to note that a few things have touched around from the previous interface.

When you log in, at the highest of the page, you’ll see a link that simply states “Create Account”. To set up the code for your website you’ll need to click it.

google tag manager account

Tag Manager would replace ninety percent of the emails to your code developer this next step is part of the remaining ten percent.

Take this code snippet and forward it to your developer, instructing them to place it immediately after the opening <body> tag on every page of your website.

install google tag manager

Note- If at any point you wish to relocate this code, merely use the left navigation and click on the GTM-XXXXXX at the top right corner of the interface.

Then you can verify the deployment by using the inspect element feature in chrome.

The GTM code should be right below the opening <body> tag in the source code.

If you have any doubts in this section and having finding any trouble to use google tag manager properly please let use know by commenting.

Set The Right Tags

Tags are used as instructions for you to tell GTM what to do on your website. Now, how necessary it’s to set the proper tags in your account.

Tag Manager will only do what you want it to, so make sure you’re passing along the proper instructions. Let’s take care of the low-hanging fruit 1st and set up Google Analytics.

Step 1 is to choose Google Analytics from the “Choose Product” list provided.

Then you’ll need to choose whether you have Universal Analytics or Classic Google Analytics.

In Step 2 If you can’t keep in mind which one you have signed up for, go to into your Google Analytics property and click on Admin–>Tracking info (under the Property Settings)–>Tracking Code.

Now in Step 3, configure Tag, has a few components that you’ll need to address but let’s take the first one listed here, the tracking ID.

You’ll notice something that looks like a lego brick next to the text box. This is what GTM calls a “variable” and can be used to populate your Google Analytics tracking ID.

But for now, we will simply type the information. It’ll follow a format of “UA-XXXXXXXX”, where X is a number.

It’s possible to have a version associated with it that would then change the format to “UA-XXXXXXXX-X”. Copy this from identical tracking Code location in your Google Analytics account and paste it into the text box in Tag Manager.

Beneath the tracking ID box, you’ll see an optional checkbox to enable display Advertising options. Click it. This can enable your GA Demographics and Interest Reports, Remarketing with Google Analytics, and DCM Integration.

The last option most users need to pay attention to in this step is the Track type drop-down. This can instruct GTM when to listen for your tag. If your tag was based on a custom event or transaction, you’ll make that distinction here. The distinction is that the “More Settings” is for creating changes based on a website configuration and “Advanced Settings” is for creating changes on tag prioritization.

The last step, “Fire On”, tells Tag Manager where to execute the tag. This will vary from a page load to custom JavaScript. Since Google Analytics needs to be loaded on every page, and choose the “All Pages” option. Once this is complete, click “Create Tag”.

Have The Right Triggers In Place

Triggers tell Google Tag Manager where to execute. The “Fire On” step uses a listing of triggers to tell the tag where to fire on your website.

Google Tag Manager has one trigger in-built All Pages. While this is helpful for a variety of tags, you most definitely don’t need this for all of your tags. As an example, you’d not need this trigger to fire on all pages when the goal is to capture form submissions on a specific page.

In the spirit of simplicity, You will walk through an example of setting up a trigger for an order confirmation page on the fictional e-commerce website.

The first step in the trigger is to choose the event upon which the trigger is built. To track an event based on a specific URL, choose “Page View”.

Step 2 again chooses “Page View”. From the drop-down, you will notice “Page View”, “DOM Ready”, and “Window Loaded”. Below are the applications for each:-

  • Page View – This is the fastest way to determine the trigger type. This enables the trigger to fire right at the start of a page change.
  • DOM Ready – This feature is a bit more technical but the distinction is between fast element identification and entire page loads. The gtm.dom element is best used as a lighter way to determine elements in your HTML when you may be dealing with longer load times due to media or API calls.
  • Window Loaded – This is used when actions need all the individual elements to load prior to triggers firing.

In the last step, the “-“-* and “+” permits you to add or remove multiple conditions within a single trigger. This might be helpful if you have a staging website that you have made changes to and want to check before you go live.

In this example you’ll select “URL hostname”, “equals”, and then the staging domain (ex. staging.mysite.com).

Set It And Forget It With The Variables Feature

The variables feature is the nice feature in GTM. This is where you’ll become incredibly efficient and start to automate things.

Then set up the Google Analytics tracking ID so that you don’t need to go digging for it any time you need to use it moving forward. Because this is simply a tracking ID, and in theory should never change, you’ll choose the “Constant” choice in the 1st step.

Once this is selected, you can type the tracking ID in the text box provided and click on “Save Variable”.

After this, the variable appears in the list. Once the variable becomes available, you’ll simply return into the tag that you created earlier and replace the hand-typed text with your new Google Analytics tracking ID variable by clicking the plaything brick to the proper and choosing it from the drop-down.

This Google Analytics tracking ID is one of the more basic ways to use variables in Tag Manager. Variables can be far more integrated and impressive as you continue to expand your level of comfort with GTM. Below is a list of uses for variables that intermediate users should be able to implement with minor development work:-

  • Session Cookies
  • Custom JavaScript
  • E-Commerce Variables
  • URLs
  • Custom Events
  • Dom Elements

Reasons Why Google Tag Manager Is Special

  • It’s Free

Not to worry, it’s free. GTM incorporates a multitude of strong features, like usability, accounts and user roles, tag firing rules, and supported tags (Custom HTML tags).

  • Do It Yourself

Insert the container tag once, make changes whenever you wish without much hassle. With the existing debugging tools and preview mode, you’ll ensure of what you’re doing before you publish it.

  • Forget About Limitations

You can use GTM with Google products. Peek at the other predefined tags, like Marin, comScore, and AdRoll. Can’t find the tag you need? customize one! you’ll additionally add Tag Manager to not only your website but also to your iOS and Android apps.

  • Cool features With Google Analytics

GTM makes it easier to implement some of the more, complicated Google Analytics features, like User ID tracking. User ID tracking provides you the ability to measure real users rather than devices. This provides information that is more correct for you, that ultimately helps your users. GTM additionally assists with common challenges in Google Analytics, like Custom Dimensions, Cross-Domain tracking for multiple sites that are tracked together in Google Analytics, and Improved E-Commerce that requires collaboration with developers.

  • Easily Track More Things

On the web, there are many resources available to make it easy to track things like YouTube videos on your website and Ajax form submissions.

  • Worry-Free Security

No need to worry. Google Tag Manager has all of the security features you wish. One amazing feature is two-factor authentication that needs each your normal password and then a numeric code that you simply receive via a text message, voice call, or mobile app. you’re additionally able to control the access by granting different levels of permission at both the account and container levels.

  • Debug Central

With debug choices, inbuilt error checking, and version controls, you’ll rest simple knowing that everything you do with Google Tag Manager can be tested and debugged before it goes live.

 

Do let us know if you want to add any specific info into this topic where you have any information related to google tag manager benefits and how to use google tag manager properly. Don’t forget to share !
Don’t forget to subscribe to our email newsletter for more helpful tips, insights, and guides!

By | 2018-07-30T19:52:50+00:00 July 30th, 2018|Website|0 Comments

About the Author:

Netflux Proton is the SBU of Netflux. At Netflux Proton we follow ” to get our customers to their utopia with our latest, creative and innovative content.”

Leave a Reply

avatar
  Subscribe  
Notify of