Não importa que tipo de site você tenha, é essencial saber como seus visitantes interagem com seu site. O Google Analytics (GA)^{(Google Analytics (GA))} tem sido tradicionalmente a ferramenta usada pelos webmasters para obter informações sobre o tráfego do site. O GA fornece estatísticas e relatórios aos usuários sobre:

O número de visitantes do seu site
De que país eles são
Quantas páginas eles visitaram por sessão
As páginas mais populares do seu site
Quantos visitantes do site foram rejeitados (saíram sem realizar nenhuma ação)

O acompanhamento de métricas essenciais, como visualizações de página, durações de sessão e taxa de rejeição com o GA, exige a colocação do código de acompanhamento do GA^{(GA Tracking Code)} ou de um snippet de código JavaScript do GA em todas as páginas da web. ^{(GA JavaScript)}Isto é ideal para manter o controle de informações gerais.

No entanto, para métricas mais específicas ou múltiplas interações, torna-se mais desafiador acompanhar cada ação. Por exemplo, levaria muito tempo para um proprietário de site que deseja rastrear vários formulários diferentes e vários recursos para configurar e executar todas as tags necessárias.

O Google Tag Manager^{(Google Tag Manager)} ( GTM ) é uma ferramenta gratuita de gerenciamento de tags que facilita o rastreamento de todas as suas tags.

O que é o Gerenciador de tags do Google?^{(What Is Google Tag Manager?)}

Em vez de substituir o GA, o GTM funciona com o GA (que é uma tag em si) para ajudar os usuários a adicionar código de acompanhamento (tags), definir regras e implantar snippets de código.

Os dados coletados pelo GTM são enviados e armazenados no GA e em outras ferramentas como Google Ads , PayPal e Facebook .

Exemplos de tags que os proprietários de sites podem querer rastrear são:

Anúncios do Google
Eventos
Código de pixel do Facebook
Remarketing
Código HTML/JavaScript personalizado

Os proprietários de sites devem decidir quais comportamentos fornecerão insights necessários para tomar melhores decisões estratégicas de marketing. Em seguida, use o Gerenciador de tags do Google^{(Google Tag Manager)} para coletar dados e analisar os resultados.

Neste artigo, descreveremos como começar a usar o GTM em seu site.

Configure seu site^{(Set Up Your Website)}

Se você ainda não tiver uma conta do Gerenciador de tags do Google , ^{(Google Tag Manager)}configure uma^{(set one up)} .

Adicione o nome da sua conta, país, configuração do contêiner (seu domínio) e sua plataforma de destino (escolha web). Em seguida, clique em Criar^(Create) .
Depois de concordar com os termos de serviço do Google, você verá o ID do contêiner com dois snippets de código.

Você precisa adicionar os dois snippets a cada página do seu site para concluir o processo de configuração. Certifique-se de adicioná-los no local correto. Um pertence ao <head> da sua página. O outro vai depois da tag de abertura <body>
Se precisar de ajuda adicional para instalar os snippets, leia o Guia de início rápido^{( Quick Start Guide)} do Google . Ou, se você estiver usando o WordPress , existem vários plugins^{( several plugins)} que você pode usar.
Depois de criar seu contêiner, você pode começar a adicionar tags e acionadores para obter informações sobre os visitantes do seu site.

Abaixo^(Below) está um exemplo de uma ação do site para ajudá-lo a medir seus esforços de marketing.

Cliques de botão de rastreamento^{(Tracking Button Clicks)}

Os cliques de botão^(Button) referem-se a quantas vezes o call-to-action ( CTA ) do seu site é clicado. Muitos sites têm vários CTAs , como:

Download.
Adicionar ao carrinho.
Clique para chamar.
Se inscrever.
Inscrever-se.
Iniciar.
Pegue seu relatório gratuito.
Saber mais.
Junte-se.

Configurar algumas variáveis^{(Set Up Some Variables)}

Clique em Variáveis^(Variables) e depois em Configurar^(Configure) na navegação à esquerda.
Role para baixo e clique em Elemento, Classes, ID, Destino, URL^{(Element, Classes, ID, Target, URL )} e Texto^(Text) .

A próxima etapa é habilitar um acionador que será acionado em todos os cliques. Clique^(Click) em Gatilhos^(Triggers) na navegação à esquerda e clique em NOVO.^(NEW.)

Em seguida, dê um nome ao seu gatilho. Vamos chamá-lo de clique de botão^{(Button Click)} .
Para selecionar um tipo de gatilho, clique dentro da janela do gatilho, role para baixo até a parte inferior da página pop-up e clique em Todos os Elementos^{(All Elements)} .
Certifique-se de definir Este gatilho dispara^{(This trigger fires)} em Todos os cliques^{(All Clicks )} e clique em Salvar^{( Save)} .

Para verificar se a tag está funcionando corretamente, clique no botão Visualizar^(Preview) . Uma barra laranja aparecerá para que você saiba que está no modo de visualização.

Abra seu site em uma nova guia do navegador e atualize a página. Você verá itens de resumo no modo de visualização rápida. Como neste exemplo definimos o gatilho para disparar sempre que alguém clicar em qualquer lugar do seu site, ele será registrado como um clique do GTM .
Se você quiser identificar um botão específico em uma página, selecione um dos cliques no painel de visualização do Gerenciador de tags do Google . ^{(Google Tag Manager)}Em seguida, clique em Variáveis^(Variables) .

Você verá classes de clique, elementos de clique e textos de clique. Todos os diferentes cliques e classes de cliques são anotados. Depois de localizar as variáveis, descubra o que filtrar para o botão que deseja rastrear.

Clique^(Click) no botão desse site e ele destacará a seção de resumo na visualização do GTM abaixo do seu site.^(GTM)

Observe as variáveis relacionadas ao botão selecionado, como Classes de clique , ^(Click)Elemento^{(Click Element)} de clique e ID^{(Click ID)} de clique . Use essas informações para configurar o clique do botão. Volte para o Gerenciador de tags do Google^{(Google Tag Manager)} . Navegue^(Navigate) até o botão Clique^{(Button Click)} .

Para os propósitos deste artigo, vamos configurar um botão para Agarrar seu relatório gratuito^{(Grab your free report)} , então renomeie o botão para Agarrar seu relatório gratuito CTA^{( Grab your free report CTA)} .

Navegue até Este gatilho é acionado^{(This trigger fires on)} e escolha Alguns cliques^{(Some Clicks)} .

Aqui é onde você poderá filtrar pelas variáveis encontradas no modo de visualização.

Volte para a visualização do seu site e anote as variáveis do botão que você deseja rastrear. Diferentes^(Different) partes de um botão podem ter classes diferentes dependendo de onde você clica.

A melhor solução para isso é mudar seu rastreamento para Link Click porque as aulas são as mesmas, não importa onde você clique. Um clique em um link é um hiperlink que permanece constante.

Para mudar isso dentro do GTM , selecione Click – All Elements e mude para Just Links .

Use a classe que você anotou no modo de visualização e adicione-a na caixa em branco à direita de Clique em Classes^{(Click Classes )} e clique em Salvar^{( Save)} .

Criar uma etiqueta^{(Create a Tag)}

Clique em Tags na navegação do lado esquerdo e clique em New .

Clique dentro da caixa Tag Configuration para abrir os tipos de tag. Role^(Scroll) para baixo e selecione HTML personalizado^{(Custom HTML)} .
Você pode usar variáveis dentro desta seção HTML personalizado^{(Custom HTML)} digitando-as dentro desses colchetes {}.
Ao começar a digitar os colchetes, você verá um menu de seleção de pesquisa rápida, onde poderá escolher as variáveis existentes definidas.

Agora você precisa conectar isso ao gatilho que acabou de criar. Clique^(Click) dentro da caixa Triggering , selecione o trigger e clique em Save .
Atualize sua página de visualização novamente para testar seu botão. Clique^(Click) no botão para ver se a tag foi acionada. Se não funcionar, volte e verifique todas as suas configurações.
Quando estiverem corretos, você verá Tags disparadas neste evento^{(Tags Fired on This Event)} . Agora você está rastreando quando seu botão é clicado.

Faça da tag um evento^{(Make The Tag An Event)}

Volte ao GTM e selecione a tag que você acabou de criar. Certifique-se de nomeá-lo com um nome identificável.
Altere o tipo de tag de HTML personalizado^{(Custom HTML)} para Google Analytics: Google Analytics : Universal Analytics .

Selecione Evento^(Event) para Tipo de Rastreamento^{(Track Type)} , Botão CTA^{(CTA Button)} para Parâmetros de Rastreamento de Evento^{(Event Tracking Parameters)} , Clique^(Click) para Ação^(Action) e adicione um nome de identificação para Rótulo^(Label) .
Role^(Scroll) para baixo até Configurações do Google Analytics^{(Google Analytics Settings)} , selecione {{Google Analytics}} e clique em Salvar^(Save) . Agora você está rastreando seus cliques dentro do Google Analytics como um evento.
Envie seu evento e, em seguida , publique^(Publish) -o.
Na seção Descrição da Versão do Contêiner^{(Container Version Description)} , adicione um nome descritivo para seu evento e clique em Continuar^(Continue) .

Seu novo acionador e a nova tag agora estão ativos em seu site para rastrear sempre que um visitante do site clicar no botão.

Não há limite para o número de ações que você pode acompanhar usando o Gerenciador de tags do Google^{(Google Tag Manager)} . Quanto mais dados você coletar e medir, melhor poderá ajustar suas campanhas de marketing e anúncios para aumentar as conversões e as vendas.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of website you have, knowing how your visitors interact with your site is essential. Google Analytics (GA) has traditionally been the tool used by webmasters to gain insights into website traffic. GA gives users statistics and reports about:

The number of visitors to your site
What country they are from
How many pages they visited per session
The most popular pages on your site
How many site visitors bounced (left without performing any action)

Tracking essential metrics such as page views, session durations, and bounce rate with GA require the placement of GA Tracking Code or a GA JavaScript code snippet on every webpage. This is ideal for keeping track of general information.

However, for more specific metrics or multiple interactions, it becomes more challenging to keep track of every action. For example, it would take a lot of time for a website owner who wants to track several different forms and various features to get all the necessary tags set up and running.

Google Tag Manager (GTM) is a free tag management tool that makes tracking all your tags easier.

What Is Google Tag Manager?

Rather than replacing GA, GTM works with GA (which is a tag itself) to help users add tracking code (tags), define rules and deploy code snippets.

The data collected by GTM is sent to and stored in GA and other tools such as Google Ads, PayPal, and Facebook.

Examples of tags website owners might want to track are:

Google Ads
Events
Facebook pixel code
Remarketing
Custom HTML/JavaScript code

Website owners should decide which behaviors will provide insights they need to make better strategic marketing decisions. Then use Google Tag Manager to collect data and analyze the results.

In this article, we will outline how to get started using GTM for your website.

Set Up Your Website

If you don’t already have a Google Tag Manager account, set one up.

Add your account name, country, container setup (your domain), and your target platform (choose web). Then click Create.
After you agree to Google’s terms of service, you will see your container ID with two code snippets.

You need to add both the snippets to each page of your site to complete the setup process. Make sure you add them in the correct place. One belongs in the <head> of your page. The other goes after the opening <body> tag.
If you need additional help installing the snippets, read Google’s Quick Start Guide. Or, if you are using WordPress, there are several plugins you can use.
Once you create your container, you can start adding tags and triggers to gain insights into your site’s visitors.

Below is an example of a website action to help you measure your marketing efforts.

Tracking Button Clicks

Button clicks refer to how many times your website call-to-action (CTA) is clicked. Many sites have multiple CTAs, such as:

Download.
Add to cart.
Click to call.
Subscribe.
Sign up.
Get started.
Grab your free report.
Learn more.
Join.

Set Up Some Variables

Click on Variables and then Configure from the navigation on the left.
Scroll down and click Element, Classes, ID, Target, URL and Text.

The next step is to enable a trigger that will fire on all clicks. Click on Triggers from the navigation on the left and hit NEW.

Then give your trigger a name. Let’s call it Button Click.
To select a trigger type, click inside the trigger window, scroll down to the bottom of the pop-up page, and click on All Elements.
Make sure you set This trigger fires on All Clicks and click Save.

To make sure the tag is working correctly, click the Preview button. An orange bar will appear so that you will know you are in preview mode.

Open your website in a new browser tab and refresh the page. You will see summary items in the quick preview mode. Because in this example we set the trigger to fire whenever anyone clicks anywhere on your site, it will register as a GTM click.
If you want to identify a specific button on a page, select one of the clicks in the Google Tag Manager preview panel. Then click Variables.

You will see click classes, click elements, and click texts. All the different clicks and click classes are notated. Once you have located the variables, figure out what to filter out for the button you want to track.

Click on that website button, and it will highlight the summary section on the GTM preview below your website.

Look at the variables that are related to your selected button such as Click classes, Click Element, and Click ID. Use this information to set up your button click. Go back to your Google Tag Manager. Navigate to Button Click.

For the purpose of this article, let’s set up a button for Grab your free report, so rename the button to Grab your free report CTA.

Navigate to This trigger fires on and choose Some Clicks.

Here is where you will be able to filter by the variables you found when in preview mode.

Go back to your website preview and write down the variables for the button you want to track. Different parts of a button might have different classes depending upon where you click.

The best solution for this is to switch your tracking to Link Click because the classes are the same no matter where you click. A link click is a hyperlink that remains constant.

To change that inside of GTM, select Click – All Elements and change it to Just Links.

Use the class you wrote down from the preview mode and add it in the blank box to the right of Click Classes and click Save.

Create a Tag

Click on Tags from the left-side navigation and hit New.

Click inside the Tag Configuration box to open the tag types. Scroll down and select Custom HTML.
You can use variables inside this Custom HTML section by typing them inside these brackets { }.
When you start typing the brackets, you will see a quick search select menu where you can choose your defined existing variables.

Now you need to hook this up to the trigger you just created. Click inside the Triggering box, select the trigger and click Save.
Refresh your preview page again to test your button. Click on your button to see if the tag is fired. If it doesn’t work, go back and check all your settings.
When they are correct, you will see Tags Fired on This Event. You are now tracking when your button is clicked.

Make The Tag An Event

Go back to GTM and select the tag you just created. Make sure to name it with an identifiable name.
Change the Tag type from Custom HTML to Google Analytics: Google Analytics: Universal Analytics.

Select Event for Track Type, CTA Button for Event Tracking Parameters, Click for Action and add an identifying name for Label.
Scroll down to Google Analytics Settings, select {{Google Analytics}} and click Save. Now you are tracking your clicks inside of Google Analytics as an event.
Submit your event and then Publish it.
In the Container Version Description section add a descriptive name for your event and click Continue.

Your new trigger and new tag are now live on your website to track any time a site visitor clicks on the button.

There is no limit to the number of actions you can track using Google Tag Manager. The more data you collect and measure, the better you will be able to tweak your marketing and ad campaigns to increase conversions and sales.

Simon Duarte

About the author

Sou desenvolvedor web com experiência em Firefox e Google Docs. Sou formado em administração de empresas pela Universidade da Flórida. Minhas habilidades incluem: desenvolvimento de sites, sistema de gerenciamento de conteúdo (CMS), análise de dados e design de interface de usuário. Sou um consultor experiente que pode ajudar sua equipe a criar sites e aplicativos eficazes.

Como usar o Google Tag Manager para analisar o tráfego do seu site

O que é o Gerenciador de tags do Google?^{(What Is Google Tag Manager?)}

Configure seu site^{(Set Up Your Website)}

Cliques de botão de rastreamento^{(Tracking Button Clicks)}