Google Tag Manager: o Que é e Como Funciona?

Zach Paruch

set 21, 202311 min de leitura
Google Tag Manager
Compartilhar

ÍNDICE

GTM: O Que é o Google Tag Manager?

O Google Tag Manager (GTM) ou Gerenciador de Tags do Google é uma ferramenta gratuita que permite instalar, armazenar e gerenciar tags de marketing sem modificar o código do site.

Tags de marketing são pequenos trechos de código que rastreiam as ações do usuário e coletam dados.

O exemplo mais comum de tag de marketing é a tag do Google usada para instalar o Google Analytics e outros produtos do Google.

Outros exemplos comuns incluem códigos de evento do Google Analytics, scripts de conversão do Google Ads, código Meta Pixel e tags de remarketing.

instale a tag do Google manualmente

Você precisa colocar tags como essas no código do seu site para que o Google Analytics e outras plataformas funcionem e coletem dados.

Mas, com cada adição e alteração de código, você corre o risco de esquecer, perder ou quebrar tags (ou outros elementos do site).

Por isso, o GTM atenua esses problemas, permitindo que você instale, gerencie e implante tags de marketing a partir de seu software, em vez de ter que fazê-lo no código do seu site.

O software insere trechos de código e tags de marketing no código do seu site somente quando necessário.

Assim, você não quebrará acidentalmente o código do seu site ao fazer algum teste.

Para Que é Usado o Google Tag Manager?

O Tag Manager permite que você rastreie quase qualquer tipo de evento ou comportamento do usuário.

A seguir, veja alguns exemplos de eventos comumente rastreados:

  • Cliques em links
  • Cliques em botões
  • Envios de formulário
  • Conversões
  • Abandono do carrinho de compras
  • Adição de itens ao carrinho
  • Remoção de itens do carrinho
  • Downloads de arquivos
  • Comportamento de rolagem no site
  • Visualizações de vídeo
  • Desempenho da call-to-action (CTA)
  • Cliques no índice (TOC)
  • Eventos personalizados

Como Funciona o Google Tag Manager?

O Google Tag Manager funciona por meio do uso de um único snippet de código JavaScript adicionado ao seu site, que vai conter todas as tags que você quiser gerenciar.

Quando um usuário aciona uma tag (por exemplo, ao clicar em um link ou carregar uma página), o GTM a registra e a insere no código do seu site.

Em seguida, o GTM executa a tag.

Em outras palavras, o GTM apenas insere e executa uma tag quando um usuário a aciona. Isso reduz a quantidade total de código em um site e minimiza o risco de erros de implementação.

benefícios de usar gtm

As tags funcionam por meio de outros componentes do GTM chamados gatilhos e variáveis, que determinam quando os trechos de código devem ser executados.

Abaixo, vamos discutir o que são tags, gatilhos e variáveis e como eles funcionam.

O Que São Tags?

Tags são trechos de código, marketing e plataformas de suporte usadas para integração com sites e aplicativos.

O Google Analytics, por exemplo, usa tags para coletar dados sobre os visitantes do site.

Nesse caso, a tag do Google permite o envio de dados do seu site para uma propriedade conectada do Google Analytics.

Através do GTM, você pode criar, gerenciar e publicar tags sem que você mesmo precise codificá-las.

escolha o tipo de tag

Exemplos de Tags

Veja alguns exemplos de tags comumente usadas. Estas são ferramentas e plataformas frequentemente instaladas com GTM:

  • Google Analytics
  • Google Ads Conversion Tracking
  • PageImprove
  • Crazy Egg
  • Hotjar
  • ImpactHero
  • Pinterest Tag
  • LinkedIn Insight
  • Twitter Universal Web Tag
  • Facebook/Meta Pixel
  • SplitSignal
  • Appcues
  • HubSpot
  • Intercom
  • Mixpanel
  • Salesforce
  • Eventos e rastreamento customizados

O Que São Gatilhos?

Os gatilhos são as instruções de quando as tags devem ser acionadas.

Visualizações de páginas, envios de formulários e cliques em links são alguns exemplos comuns de gatilhos.

Quando um usuário visualiza uma página ou clica em um link, a tag associada é acionada.

Você precisa atribuir um gatilho a cada tag para que o Tag Manager saiba em que circunstâncias dispará-la.

Plataformas analíticas como o Google Analytics normalmente usam visualizações de página como gatilho. E é importante ter dados analíticos de cada página que um usuário visita.

Como alternativa, você pode querer que uma tag de acompanhamento de conversões seja acionada apenas quando um usuário coloca um item no carrinho, ou talvez quando um processo de checkout for concluído.

Quando o evento especificado em cada tag ocorre, seu gatilho instrui a tag a disparar.

Caso contrário, essa tag não será acionada e o GTM não executará o trecho de código.

Você também pode adicionar filtros aos gatilhos para especificar quando deseja que as tags sejam disparadas.

Por exemplo, você pode querer que seu chat de suporte seja acionado apenas nas páginas do funil de checkout.

Nesse caso, você pode adicionar um filtro que diga à tag para disparar apenas em visualizações de páginas com “/checkout/” no URL.

Você pode atribuir vários gatilhos a uma única tag.

assign triggers to tags

Exemplos de Gatilhos

Veja alguns dos gatilhos mais comumente usados:

  • Visualizações de página
  • Cliques em links
  • Cliques em botões
  • Envios de formulário
  • Profundidade de rolagem no site
  • Tempo gasto na página
  • Evento personalizado

O Que São Variáveis?

Variáveis são informações adicionais que o GTM pode precisar para disparar uma tag ou gatilho.

Elas ajudam a definir com precisão o que a tag ou gatilho deve fazer.

Por exemplo, "Constant" e "Google Analytics Settings" são variáveis comuns.

Ambas são normalmente usadas para definir IDs de conta do Google Analytics (ou seja, "Tracking ID" no Universal Analytics e "Measurement ID" no GA4).

Cada vez que você cria uma tag do Google Analytics, precisa inserir seu ID de rastreamento ou medição.

Isso pode ser meio chato, pois a maioria de nós não memoriza essas identificações.

Por isso, você pode criar uma variável que simplesmente armazene seu ID.

Assim, sempre que você criar uma nova tag que exija essas informações, basta anexar a variável que você criou.

visão geral das variáveis no gtm

Exemplos de Variáveis

A seguir, veja algumas das variáveis mais comuns:

  • Constant
  • Google Analytics Settings
  • Click URL
  • Click ID
  • Click Class
  • Page URL
  • Form ID
  • Scroll depth threshold

Benefícios do Google Tag Manager

Embora o Tag Manager exija algum conhecimento técnico, ele economiza muito tempo e recursos dos profissionais de marketing – e é grátis.

Confira alguns benefícios:

  • Redução da dependência de desenvolvedores: você conseguirá adicionar e gerenciar tags de marketing de forma rápida e simples, sem assistência do desenvolvedor.
  • Teste e depuração: você poderá visualizar, testar e depurar alterações antes de enviá-las para um site ativo. Esse recurso ajuda a evitar erros e reduz a necessidade de testes em um site ativo ou de teste.
  • Controle de permissão do usuário: somente pessoas autorizadas podem fazer ou aprovar alterações em sua configuração de marketing.
  • Criação de diferentes versões: o GTM cria e registra uma nova versão do código sempre que você publica alterações. Isso permite visualizar alterações anteriores e atuais e reverter para versões anteriores, se necessário.
  • Espaços de trabalho: o GTM permite vários espaços de trabalho para os membros da equipe trabalharem simultaneamente, sem sobrescrever o progresso uns dos outros.
  • Fácil configuração de muitas ferramentas populares: é possível adicionar facilmente ferramentas e tags de rastreamento ao código do seu site usando snippets de código ou modelos existentes na Community Template Gallery (por exemplo, para Google Analytics, Pinterest, Google Ads etc.).
  • Armazenamento e gerenciamento de tags: o GTM consolida tags de marketing e códigos de rastreamento em um só lugar e os insere no código do site conforme necessário. Isso permite que você adicione, remova e atualize ferramentas e códigos de rastreamento com menos erros.

Google Tag Manager x Google Analytics

Embora muitas vezes confundidos, o Google Tag Manager e o Google Analytics são ferramentas diferentes que você pode usar em conjunto para coletar e gerar relatórios sobre análises da web e comportamento do usuário.

O Google Tag Manager é um sistema de gerenciamento de tags que armazena e gerencia tags de marketing e snippets de código de terceiros – não há análises ou relatórios no Tag Manager.

Página inicial do Google Tag Manager

O Google Analytics, por outro lado, é um software usado para análises, acompanhamento de conversões e relatórios.

Página inicial do Google Analytics

Você pode usar o GTM para instalar e implantar o Google Analytics em um site – o Google, inclusive, recomenda fazê-lo.

É Preciso Alterar Alguma Coisa no Google Analytics 4?

Sim. Se estiver usando o GTM para instalar o Google Analytics 4 (GA4), você precisará instalar a tag "GA4 Configuration".

Fora isso, usar o Google Tag Manager com GA4 é muito semelhante a usá-lo com o Universal Analytics (UA).

Uma das principais diferenças é que o Google agora fornece uma tag separada para eventos GA4.

Anteriormente, você implementaria o UA e rastrearia eventos usando a mesma tag.

Outra diferença é que o GA4 pode rastrear e coletar automaticamente muito mais eventos do que o UA, o que significa menos necessidade de rastreamento manual de eventos no GTM. No entanto, você ainda pode usar o GTM para rastrear algo que o GA4 não possibilite.

O Tag Manager e o GA4 funcionam perfeitamente juntos.

Dica: leia o guia do Google sobre a transição do UA para o GA4 para obter informações adicionais.

Como Configurar o Google Tag Manager

Para configurar o Google Tag Manager, faça login na sua conta do Google e vá para o Tag Manager.

Clique em "Create Account" para criar uma conta para sua empresa ou organização.

botão criar conta destacado

Digite um nome para a conta e selecione seu país. O Google recomenda que cada empresa crie apenas uma conta, quer você tenha um site ou vários. O nome da sua empresa pode servir como nome da sua conta.

configuração da conta

Em seguida, insira um "Container Setup".

Caixa de nome do contêiner destacada

Esse elemento é o código que você adicionará ao seu site para fazer o Google Tag Manager funcionar. Normalmente, você usará um container por site. Portanto, o nome do seu container pode ser o nome ou URL do seu site.

Em seguida, selecione sua "Target platform". Para sites, escolha "Web".

selecione a plataforma de destino

Clique em "Create" para criar sua conta do Tag Manager e seu primeiro container.

A seguir, você verá dois pop-ups.

O primeiro são os termos de serviço do Google. Concorde com os termos marcando a caixa na parte inferior da página e clicando em "Yes" para aceitar os termos de serviço no canto superior direito da tela.

concorde com os termos do Google

O segundo pop-up exibe os trechos de código que você precisa adicionar ao seu site para instalar o GTM.

trecho de código para instalar o gtm

Observação: se você não se sentir confortável em modificar o código do seu site, peça ajuda a um desenvolvedor.

O primeiro trecho de código usa JavaScript para extrair informações. Coloque esse snippet o mais alto possível na seção <head> das páginas do seu site.

como adicionar um snippet de código ao seu site

O segundo trecho é um iframe HTML. Coloque esse código imediatamente após a tag de abertura <body> em suas páginas da web.

Assim:

como adicionar um snippet de código ao seu site

(O elemento HTML iframe garante que o GTM ainda funcione mesmo se os usuários desabilitarem o JavaScript em seus navegadores.)

Depois de configurar sua conta e instalar corretamente os dois snippets de código, você estará pronto para começar a usar o Google Tag Manager.

Dica: use a extensão Tag Assistant Legacy para garantir que a implementação do Tag Manager esteja correta.

Como Usar o Google Tag Manager

Para mostrar como usar o Google Tag Manager, ensinaremos você a conectar uma propriedade do Google Analytics 4 ao seu site.

Dica: para evitar que suas análises registrem resultados duplos, certifique-se de ter instalado o Google Tag Manager e removido o código original do Google Analytics do seu site antes de continuar.

Para começar, faça login em sua conta do Google Tag Manager.

Clique em "New Tag" ou em "Add a new tag" para criar uma nova tag.

crie uma nova tag no gtm

Adicione um nome para sua tag. Sugerimos algo como "Configuração GA4".

escolha um nome para a tag

Em seguida, clique em "Tag Configuration".

Configuração de tags destacada

Após fazer isso, selecione "Google Analytics: GA4 Configuration" na lista.

selecione Google Analytics: GA4 Configuration

Introduza o ID de mensuração da sua propriedade do GA4. Como alternativa, você pode criar uma variável para armazenar seu ID de mensuração para uso futuro.

caixa do id de mensuração

Depois, clique na caixa "Triggering".

caixa Triggering

Selecione "All Pages" na lista que aparece.

todas as páginas

Em seguida, clique em "Save".

botão salvar

Volte para a página de visão geral e clique em "Preview" para testar as alterações.

teste novas alterações clicando em visualizar

Insira a URL do seu site na próxima tela e clique em "Connect" para abrir seu site em uma nova janela e começar a testar e depurar.

botão connect

Assim que estiver conectado, seu site deverá abrir em um novo pop-up com o Tag Assistant no canto inferior direito da sua janela.

tag assistant conectado

Mantenha essa janela aberta e retorne à página de visualização. A página de visualização deve dizer "Connected!"

página Connected!

Depois de clicar em "Continue", comece a depurar suas tags na janela de visualização.

comece a depurar suas tags

Você deverá ver sua tag de configuração GA4 recém-criada sendo disparada em cada página enquanto você navega em seu site.

Caso isso aconteça, significa que a implementação da sua tag foi bem-sucedida.

Quando terminar a depuração, feche as janelas recém-abertas e volte para a visão geral da página. Clique em "Submit" para enviar as alterações.

botão enviar alterações

Certifique-se de criar um nome e uma descrição para essa versão das alterações.

Caixas de nome e descrição da versão das alterações

Por último, clique em "Publish" para enviar as alterações para seu site e ativar o GA4.

Com isso, você publicará uma nova versão do container em seu site.

Agora, deve ser possível ver os registros no relatório "Realtime" da sua propriedade GA4 enquanto você e outros usuários navegam no site.

Visão geral em tempo real

Dica: recomendamos sempre usar a função de visualização para testar e depurar suas tags antes de publicá-las.

Melhores Extensões GTM

As extensões do navegador ajudam você a aproveitar melhor o Tag Manager.

As extensões a seguir fornecem informações adicionais sobre as tags que estão sendo disparadas (ou não) e quaisquer problemas que surjam com suas implementações.

Elas também oferecem detalhes importantes sobre suas variáveis, gatilhos e trechos de código.

As extensões a seguir são algumas das melhores para facilitar o uso do GTM:

Simplifique seu Marketing

O Google Tag Manager é uma ferramenta versátil que pode simplificar o processo de instalação e gerenciamento de ferramentas de marketing e rastreamento de eventos importantes.

Recomendamos que você veja algum tutorial do Google Tag Manager antes de migrar totalmente para a plataforma.

Depois de se familiarizar com ele, o Tag Manager será uma adição maravilhosa a qualquer kit de ferramentas de marketing.

Combine o GTM com ferramentas poderosas como o Google Analytics, o Google Search Console e a Auditoria do site da Semrush e você terá tudo o que precisa para executar uma estratégia de marketing simplificada.

Compartilhar
Author Photo
Zach is a seasoned SEO with over 9 years of experience in SEO and content strategy, technical SEO, search intent analysis, CRO, and leadership.
Mais sobre isso