{"id":1626,"date":"2022-02-20T00:41:24","date_gmt":"2022-02-19T21:41:24","guid":{"rendered":"https:\/\/viewson.eu\/blog\/?p=1626"},"modified":"2022-02-20T00:41:26","modified_gmt":"2022-02-19T21:41:26","slug":"google-tag-manager-101-google-gtm-guide","status":"publish","type":"post","link":"https:\/\/viewson.eu\/blog\/2022\/02\/20\/google-tag-manager-101-google-gtm-guide\/","title":{"rendered":"Google Tag Manager 101: Google GTM Guide"},"content":{"rendered":"\n

Google Tag Manager is a platform for managing tags for tracking user behavior data in one place.<\/p>\n\n\n\n

That’s the short answer, but of course, that’s not all about Google Tag Manager.<\/p>\n\n\n\n

Let’s learn more about Google GTM.<\/p>\n\n\n\n

What is Google Tag Manager?<\/h2>\n\n\n\n

Platforms such as Google Analytics, Facebook, Twitter, AdWords, LinkedIn have tags, pixels or tracking ID codes to provide site owners with data about site performance.<\/p>\n\n\n\n

Tracking codes, on the other hand, are small pieces of code that collect information about website or mobile app users behavior.<\/p>\n\n\n\n

What are usually \u201c tags\u00a0\u201d to these codes\u00a0.<\/p>\n\n\n\n

If you want to gather information to analyze audience behavior, you definitely need tracking tags.<\/p>\n\n\n\n

To use Google Analytics, you must integrate the Analytics tracking ID code into your website.<\/p>\n\n\n\n

If you want to learn what Google Analytics is and how to add tracking ID to your site, I wrote an article \u201c\u00a0Google Analytics 101: End-to-End Pictorial Narration\u00a0<\/a>\u201d for you, I recommend you to read it.<\/p>\n\n\n\n

If you want to know in detail the traffic that Facebook brings to your website, you need to embed a\u00a0Facebook pixel code<\/a>\u00a0on your website.<\/p>\n\n\n\n

Again, if you want to know the results of Email marketing in detail, you can do this with the help of a code.<\/p>\n\n\n\n

However, it can be a bit of a problem to place and follow code one by one, and every JavaScript code you add to your website will cause the site to run slowly.<\/p>\n\n\n\n

Not only that, it is necessary to test the codes, keep them up to date and ensure that they do not break the structure of the website.<\/p>\n\n\n\n

Luckily for us, there is Google Tag Manager which provides the solution to all these problems.<\/p>\n\n\n\n

Google Tag Manager also allows you to upload tracking codes on your website without having to manually edit them.<\/p>\n\n\n\n

For this reason, Google Tag Manager has gained worldwide acceptance in the marketing and analytics communities.<\/p>\n\n\n\n

GTM is a free Google Marketing platform\u00a0that offers simple solutions for managing website tags and data\u00a0.<\/p>\n\n\n\n

What Does Google Tag Manager Do?<\/h2>\n\n\n\n

Tags give you access to critical marketing data, but once you fill your site with tracking codes, you can’t expect it to perform well.<\/p>\n\n\n\n

Tracking tags slow down your site, and a slow website is the best way to lose customers.<\/p>\n\n\n\n

Also, slow websites are penalized in Google’s search rankings.<\/p>\n\n\n\n

So while tracking tags may seem useful, tracking code files are notorious for breaking websites, so you need a safe and easy way to add the tracking tag to your website.<\/p>\n\n\n\n

Google Tag Manager helps you solve these problems and lets you store all your tracking tags in one place.<\/p>\n\n\n\n

Instead of manually adding new tracking tags to your website, you can use Google Tag Manager’s tag templates.<\/p>\n\n\n\n

Label templates are ready-made tracking scripts.<\/p>\n\n\n\n

They are optimized for website speed, cross-browser compatible and verified by Google. You can simply install these templates without writing any code.<\/p>\n\n\n\n

You can connect your website by entering tracking IDs like twitter pixel ID or Google Analytics code.\u00a0Tag templates also reduce the amount of maintenance work you have to do on your website.\u00a0When you update the tracking codes, your template is updated automatically.\u00a0Google Tag Manager has over 90\u00a0tag templates\u00a0.<\/p>\n\n\n\n

The only major marketing platform without a Google Tag Manager template is Facebook, but not every website needs a Google tag manager. If you only have one tracking tag, no tag management is required.<\/p>\n\n\n\n

You might think of it this way: Is a general manager needed for a single employee of a one-person company?\u00a0\ud83d\ude42 So if you’re just using the Google Analytics tracking code, you probably don’t need Google Tag manager.<\/p>\n\n\n\n

But if you want multiple tags or advanced tracking in Google Analytics, you will need tag management. Google Tag Manager is the most outstanding and comprehensive tag management platform available.<\/p>\n\n\n\n

Using Google Tag Manager<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Let’s talk a little bit about how to use Google Tag Manager. In this part of my Google Tag Manager post, we’ll look at how tags (analytic or marketing scripts) work.<\/p>\n\n\n\n

We’ll also talk about the Google Tag Manager operating rules, and then we’ll go over what the rules mean. The difference of Google Tag Manager starts with tag templates.<\/p>\n\n\n\n

Tag templates take care of the javascript code you need to manually add to your site. Each tag template is needed to find the system you’re linking with your tags.<\/p>\n\n\n\n

For example, to use the Google Analytics template, you need to enter your property tracking ID or configure\u00a0the Google Analytics settings variable<\/a>\u00a0.\u00a0Another example is a template that uses a Bing Ads account ID.<\/p>\n\n\n\n

Let’s talk a little bit about how to use Google Tag Manager. In this part of my Google Tag Manager post, we’ll look at how tags (analytic or marketing scripts) work.<\/p>\n\n\n\n

We’ll also talk about the Google Tag Manager operating rules, and then we’ll go over what the rules mean. The difference of Google Tag Manager starts with tag templates.<\/p>\n\n\n\n

Tag templates take care of the javascript code you need to manually add to your site. Each tag template is needed to find the system you’re linking with your tags.<\/p>\n\n\n\n

For example, to use the Google Analytics template, you need to enter your property tracking ID or configure\u00a0the Google Analytics settings variable<\/a>\u00a0.\u00a0Another example is a template that uses a Bing Ads account ID.<\/p>\n\n\n\n

Each tag template provided in Google Tag Manager has a login linking it to your account on the respective website’s platform. For tag templates, you make and run a rule so you don’t have to edit the tags.<\/p>\n\n\n\n

Label templates do most of the hard work for you, but that doesn’t mean you can’t check them out completely.<\/p>\n\n\n\n

Google Tag Manager Triggers<\/h2>\n\n\n\n

You need to set triggers to run tracking tags.\u00a0Triggers<\/em>\u00a0means you set when to start collecting data on your tags.\u00a0The most basic trigger in Google Tag Manager is the whole page trigger.<\/p>\n\n\n\n

All pages instruct each page when the page is loaded in the trigger tag. This trigger is usually used with the Google Analytics tag<\/em> .<\/p>\n\n\n\n

There are many triggers you can use to set your tags in GTM.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

GTM has triggers for\u00a0YouTube<\/a>\u00a0videos, clicks, special events, and more.\u00a0Each rule uses its own rules to run its tags.<\/p>\n\n\n\n

For example, you can set rules for many different interactions for your YouTube videos. With this tag, you can track when a user starts, seeks, pauses, buffers, or ends a video.<\/p>\n\n\n\n

With this tag you can also follow the user based on their viewing progress (for example, 50% viewed or 5 minutes watched).<\/p>\n\n\n\n

\"\"
GTM<\/figcaption><\/figure>\n\n\n\n

You can set a tag for multiple follow-ups within an event. For example, YouTube rules can be viewed both at the beginning of the video and at 50%.<\/p>\n\n\n\n

Google Tag Manager Variables<\/h2>\n\n\n\n

Now that we know what tags and triggers are, we need to talk about Google Tag Manager variables.<\/p>\n\n\n\n

Variables are what make the values \u200b\u200byou’re tracking dynamic. Factors are important if you want to refine and scale up your tag management. The first variable type most users set is constant.<\/p>\n\n\n\n

You can set your Google Analytics Tracking ID once and use a fixed variable for and use it for all future tags.<\/p>\n\n\n\n

Built-in Variables<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Google Tag Manager has built-in variables to track almost anything on a page on your website.<\/p>\n\n\n\n

Video Viewing Variables<\/h3>\n\n\n\n

Take, for example, the video display variables. Triggers are set based on how a user interacts with your videos. Category, Action, Tag, and Value are declared in the event tag fields.<\/p>\n\n\n\n

A description in these fields does not change with the behavior of your users.\u00a0However, if you enter a rule in these fields, your activity will report the on-page actions of its users.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Data layer Variables<\/h3>\n\n\n\n

You can learn more about your user behavior using the data layer.\u00a0GTM provides the ability to create data layer variables specific to its business.\u00a0These variables can pass dynamic values \u200b\u200bto\u00a0all management systems or from the\u00a0e-commerce platform to GTM.<\/a><\/p>\n\n\n\n

GTM can then save these values \u200b\u200bto its tags and export them to the reporting interfaces.<\/p>\n\n\n\n

\"\"
Data layer Variables<\/em><\/figcaption><\/figure>\n\n\n\n

A data layer variable can pass critical values \u200b\u200bto all marketing systems simultaneously. For example, you can use the data layer to export data about a sale to all of your reporting interfaces (Google Analytics, AdWords, Bing, etc.).<\/p>\n\n\n\n

Data layer variables are a major innovation in analytical monitoring.\u00a0Companies used to spend a lot of money communicating back-end dynamic values \u200b\u200bbetween their marketing systems.\u00a0You can now access, translate and present this information using GTM.<\/p>\n\n\n\n

\"\"
Data layer variable<\/em><\/figcaption><\/figure>\n\n\n\n

Google GTM Preview and Publish Tags<\/h2>\n\n\n\n

Finally, let’s talk about how to make all this appear on your website. It works in harmony with tags, triggers and variables. Tags save their data, triggers tell tags when to save data.<\/p>\n\n\n\n

Variables help you translate data and scale tags on your website.\u00a0However, before you publish your tags on your site, you should make sure that the triangle of tags, triggers, and variables is working correctly.<\/p>\n\n\n\n

GTM Preview Mode<\/h2>\n\n\n\n
\"\"
GTM Preview Mode<\/em><\/figcaption><\/figure>\n\n\n\n

You can see how your tags work before publishing using the preview mode. Press the gray \u201c Preview<\/em> \u201d button in your workspace to check out their tags .<\/p>\n\n\n\n

With preview mode enabled, you can go to your site to see your tags in action. Preview lets you see when your tags are triggered.<\/p>\n\n\n\n

Checking and Debugging Tags<\/h2>\n\n\n\n

Using my site as an example, I have shown in the screenshot below how both Google Analytics and tracking tags can be viewed in preview mode.<\/p>\n\n\n\n

\"\"
Google Analytics<\/em><\/figcaption><\/figure>\n\n\n\n

You can also see the tags you haven’t run on the preview screen. These tags don’t work because I haven’t made a setting that triggers them. But if I want to test these tags, I can run them by setting the trigger.<\/p>\n\n\n\n

If the tag works, I can see it saved on my preview screen.<\/p>\n\n\n\n

\"\"
Preview<\/em><\/figcaption><\/figure>\n\n\n\n

If you’re using Google Analytics to save the data in your tags, you can see your events appear in Real-Time reports while in preview mode.<\/p>\n\n\n\n

\"\"
Real Time reports<\/em> <\/figcaption><\/figure>\n\n\n\n

Publish tags to GTM<\/h2>\n\n\n\n

Once you’ve verified your tags are working and have your data recorded correctly, you can set them live by pressing the publish tags button. <\/em>When it goes live, GTM will ask you to create a version for the container.<\/p>\n\n\n\n

You’ll have a chance to document your work before the container finalizes it.<\/p>\n\n\n\n

\"\"
Publish tags to GTM<\/em><\/figcaption><\/figure>\n\n\n\n

Follow Naming Conventions When Posting Tags<\/h3>\n\n\n\n

Be descriptive with your version name and provide in-depth information about the changes in this version.\u00a0This document shows how you and other users in your account can identify the changes you make.<\/p>\n\n\n\n

\"\"
GTM container<\/em><\/figcaption><\/figure>\n\n\n\n

GTM container<\/em><\/h4>\n\n\n\n

Also, if you or another user needs to roll back their version, a clear explanation will help everyone understand how to make fixes.<\/p>\n\n\n\n

Now that you know how Tag Manager works, you are ready to track in GTM. However, if you have tracking scripts on your site, you need to do tag migration.<\/p>\n\n\n\n

What is Label Handling?<\/h2>\n\n\n\n

Tag migration is the process of migrating existing tags to Google Tag Manager. If you start posting new tags in Google Tag Manager before you migrate your old tags, your tracking will be doubled and you won’t get accurate data.<\/p>\n\n\n\n

For example, let’s say you have the analytics.js code snippet installed on your site. However, if you publish a Google Analytics tracking tag in GTM, all your data will be counted double if both of those tags are sending data to the same Google Analytics property. Therefore, you must remove your existing tracking before installing new tags in GTM.<\/p>\n\n\n\n

The migration process works like this:<\/p>\n\n\n\n