Google Tag Manager Tutorial - Getting Started (Plus The NEW Google Tag)

Google Tag Manager Tutorial - Getting Started (Plus The NEW Google Tag) - Legendas Bilíngues

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.

Idioma de Tradução

Selecionar

Resumo Exportar Oral Practice

Desbloqueie Mais Recursos

Instale a extensão Trancy para desbloquear mais recursos, incluindo legendas de IA, definições de palavras de IA, análise gramatical de IA, fala de IA, etc.

Compatível com Principais Plataformas de Vídeo

A Trancy não apenas oferece suporte a legendas bilíngues em plataformas como YouTube, Netflix, Udemy, Disney+, TED, edX, Kehan, Coursera, mas também oferece tradução de palavras/frases de IA, tradução imersiva de texto completo e outros recursos para páginas da web regulares. É um verdadeiro assistente de aprendizado de idiomas completo.

Navegadores de Todas as Plataformas

A Trancy suporta todos os navegadores de plataforma, incluindo a extensão do navegador Safari do iOS.

Modos de Visualização Múltiplos

Suporta modos de teatro, leitura, misto e outros modos de visualização para uma experiência bilíngue abrangente.

Modos de Prática Múltiplos

Suporta ditado de frases, avaliação oral, múltipla escolha, ditado e outros modos de prática.

Resumo de Vídeo de IA

Use a OpenAI para resumir vídeos e compreender rapidamente o conteúdo-chave.

Legendas de IA

Gere legendas de IA precisas e rápidas para o YouTube em apenas 3-5 minutos.

Definições de Palavras de IA

Toque nas palavras nas legendas para procurar definições, com definições alimentadas por IA.

Análise Gramatical de IA

Analise a gramática das frases para entender rapidamente os significados das frases e dominar pontos gramaticais difíceis.

Mais Recursos para a Web

Além das legendas bilíngues de vídeo, a Trancy também oferece tradução de palavras e tradução de texto completo para páginas da web.