Google Tag Manager Tutorial - Getting Started (Plus The NEW Google Tag) - 双语字幕
If you're looking to get started with Google Tag Manager, you're in the right place.
In this video, I'm going to show you how you can use GTM to streamline the management of your tags.
We'll also cover important terminology, including tags, triggers, and variables.
And I'll walk you through the exact steps to add Google Analytics to your website using the Google Tag in GTM.
I've also included...
to quiz at the end of the video so you can test your GTM knowledge.
Google Tag Manager lets you manage all of your marketing and analytics tags in one place.
It as a layer between your website and the different platforms you're using.
It also allows you to streamline the management of tags.
For example, you might want to add the Google Analytics tag to all of the pages of your website.
And then you might decide to add a Google Ads conversion tracking tag and a Metapixel Pixel for Facebook to track it.
You could hard code the Google Analytics tag in your website's template and then add the
Google Ads tag and the Metapixel Event tag to the specific page.
However, this will quickly become difficult to manage and it's easy to lose track of where tags have been installed.
With Google Tag Manager, we add one piece of code to all of the pages on our website.
This is called the container.
We then configure Google Tag Manager to fire tags on particular pages or for particular actions.
So that's really the key benefit of Google Tag Manager.
It lets you centrally manage all of your tags.
Now let's cover some important terminology.
First, tags.
In most cases, a tag is a piece of JavaScript code.
They typically collect data and then send it to a particular platform,
like when we add a tag to send information about people viewing our website to Google Analytics.
We can also use tags to add additional functionality to For example,
we could use a tag to add a social sharing widget to our blog,
or we could add a to install an A-B testing platform, like Crazy Egg or Zoho Page Sense, to our website.
Next Triggers.
Triggers let you control when a tag should or shouldn't find it.
For example, we can use the built-in all pages trigger to add a tag to every page of our website.
And we can also create our own triggers.
Maybe we want to track people clicking the announcement banner we have featured at the top of our website.
Or maybe we want to fire a specific tag on a third page.
We can do this by creating and applying triggers to our tags.
Then there are variables.
Variables are placeholders for information that we can use in Google Tag Manager.
For example, we might want to capture details about a link someone has clicked on our website.
We can then use this information in our tags, triggers, and even other vendors.
There is a range of built-in variables that let us access information automatically and we can also create custom variables.
And we have our container.
A container stores all of the tags, triggers and variables for our website.
Now that we've covered the most important terms to get started, let's head to Google Tag Manager.
If you haven't used Google Tag Manager before, then you can head to tagmanager.google.com.
We can see I already have a number of accounts and containers set up,
so I'm going to click Create Account on the top right corner.
You will see similar steps if you're getting started for the first time.
You to name your account.
Select your country.
And choose if you want to share anonymous data with Google.
Then we need to name our country.
You can name your container anything you like,
but I suggest something that makes it easy to identify the website, you're going to install it on.
And since we're going to be measuring a website, let's select Web.
And then click Create.
Our new account and container has now been created and we're now given two pieces of code.
The first one is the most important, this is the JavaScript container code.
And you'll need to add this to all of the pages of your website.
When we add Google Tag Manager to our website, we're adding this container code.
This code should be placed inside the head tag on your website, and ideally should be one of the first things in your head tag.
The second piece of code is the no script version of the container.
This will load if someone has JavaScript disabled.
Since almost all of the tags we use in Google Tag Manager are JavaScript, this won't improve the accuracy of the data we collect.
So if you can't add this extra no script code to your website, it won't have a major impact.
Let's close this.
And let's copy the container ID.
This is at the top and starts with GTM and then a dash.
Now time to add the code to our website.
There are different ways you can add the container code, depending on how you've created your website.
For example, if you're using WordPress, then you can use a plugin to add the container to all of your pages.
Let's head to WordPress to take a look.
This is the GTM for WordPress plugin.
It's just one of the plugins you can use to add the container code to all of the pages on your WordPress site.
To add Google Tag Manager, let's install the plugin.
And let's activate the plugin.
Let's select Settings.
Now we need to paste our container ID.
There are additional settings you can adjust in the GTM for WordPress plugin,
but we're going to leave these for now, and let's click Save Changes.
Our Google Tag Manager container has been added to all of the pages of our WordPress site.
If you're using a different website platform, then I recommend searching the support documentation for the platform you're using.
If you're using Shopify or Squarespace, then I've included links to extra tutorials in the description below this video.
And if you'd like me to create a video covering your platform, please let me know in the comments below.
Okay, now that we've added Google Tag Manager to our website, it's time to configure our first tag.
Let's head to Google Tag Manager.
We're going to start by adding Google Analytics to our website, so let's create a new tag.
Let's name the tag, Google Tag GA4 page view, and let's select tag configuration.
We're going to start by selecting Google Tag as the tag type.
The Google Tag lets us send data to Google Analytics using our GA4 measurement ID.
In this video we're just going to focus on adding the tags,
but if you'd like to learn more about GA4, then I've included a link in the extra resources in the description below this video.
Now we need to get our measurement ID, so let's head to Google Analytics.
This is the admin area of a GA4 property and I'm going to select Data Streams.
And then I'm going to select the Data Stream for my website.
You can now copy the measurement ID for your data stream on the top right corner.
And now we can head back to Google Tag Manager.
You can paste the measurement ID under tag ID,
but we're going to create a variable so that we can reuse the measurement ID across multiple tags.
This also means if you ever need to change the measurement ID, you can just update it in one place.
Let's click the variable icon under tag ID.
Now let's click the plus sign on the top right corner.
Let's name the variable GA4 measurement ID.
Select variable configuration.
Then constant as the variable type.
Now let's paste our measurement ID as the value and let's click save.
Now we need to select a trigger for our tag.
We're going to select the initialization all pages trigger.
This will fire our tag on all of the pages of our website before any other tags, apart from any tags used for consent.
For example, if you have a cookie banner on your website, then this should be triggered before the Google tag.
So the initialization all pages trigger will mean we can report on all of the pages people are viewing on our website.
Okay, now let's save the tag.
I'm going to cover best practices for previewing and testing your tags in another video,
so if you haven't already, please hit subscribe to be notified when I release the next Google tag manager.
There's also the option to publish the changes you've made to your live website.
This is the submit button.
It's important to highlight that if you already have Google Analytics installed on your website,
you'll want to remove this at the same time you publish your changes.
Otherwise, you'll have the tag from Google Tag Manager and your existing Google Analytics tag on your website, so two identical tags, which isn't good.
So I will also be covering migration in more detail in a future video.
For now, you've successfully added your first tags to Google Tag Manager and you understand the difference between tags, triggers and variables.
Are you ready to test your Google Tag Manager knowledge?
You can find a link to my Google Tag Manager quiz in the description below this video.
And if you'd like to learn more about Google Tag Manager, then subscribe to my channel because I will be releasing more tutorials.
We'll be covering more important topics, including adding additional tags, preview and testing your container, migration steps, and more.
Thanks for watching, and I'll see you in the next one.
解锁更多功能
安装 Trancy 扩展，可以解锁更多功能，包括AI字幕、AI单词释义、AI语法分析、AI口语等
兼容主流视频平台
Trancy 不仅提供对 YouTube, Netflix, Udemy, Disney+, TED, edX, Kehan, Coursera 等平台的双语字幕支持，还能实现对普通网页的 AI 划词/划句翻译、全文沉浸翻译等功能，真正的语言学习全能助手。
支持全平台浏览器
Trancy 支持全平台使用，包括iOS Safari浏览器扩展
多种观影模式
支持剧场、阅读、混合等多种观影模式，全方位双语体验
多种练习模式
支持句子精听、口语测评、选择填空、默写等多种练习方式
AI 视频总结
使用 OpenAI 对视频总结，快速视频概要，掌握关键内容
AI 字幕
只需3-5分钟，即可生成 YouTube AI 字幕，精准且快速
AI 单词释义
轻点字幕中的单词，即可查询释义，并有AI释义赋能
AI 语法分析
对句子进行语法分析，快速理解句子含义，掌握难点语法
更多网页功能
Trancy 支持视频双语字幕同时，还可提供网页的单词翻译和全文翻译功能