UTM & Tracking

Google Tag Manager (GTM): Tutorial Completo para Iniciantes em 2026

Aprenda a usar o Google Tag Manager do zero em 2026. Tutorial passo a passo para configurar tags, gatilhos e variáveis e gerenciar todos os seus pixels em um lugar.

Publicado em 2026-06-01

O Google Tag Manager (GTM) é uma ferramenta gratuita do Google que permite instalar e gerenciar todos os seus pixels, scripts e tags de rastreamento sem precisar editar o código do site a cada mudança.

Conceitos Fundamentais do GTM

Container: Onde ficam todas as suas tags. Um container por site.

Tags: Scripts que rodam no site (Meta Pixel, Google Analytics, etc.)

Gatilhos (Triggers): Condições para disparar cada tag (pageview, clique, scroll, etc.)

Variáveis: Dados dinâmicos usados nas tags e gatilhos (valor de compra, nome do produto, etc.)

Instalação do GTM no Site

  1. Crie uma conta em tagmanager.google.com
  2. Crie um container para o seu site
  3. Copie os dois snippets de código fornecidos
  4. Cole o primeiro no <head> e o segundo no <body> do HTML
<!-- Snippet 1: no <head> -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});...})(window,document,'script','dataLayer','GTM-XXXXXX');
</script>

<!-- Snippet 2: no <body> -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

Adicionando o Meta Pixel via GTM

  1. Nova Tag → Custom HTML
  2. Cole o código base do Meta Pixel
  3. Trigger: All Pages (PageView)
  4. Publique o container

Adicionando Eventos de Conversão

Para disparar o evento de Purchase quando uma compra for concluída:

Tag:

<script>
fbq('track', 'Purchase', {
  value: {{Valor da Compra}},
  currency: 'BRL'
});
</script>

Trigger: Page View → quando a URL contém /obrigado ou /confirmacao

Variável: A variável Valor da Compra captura o valor dinamicamente do dataLayer

DataLayer: Comunicando com o GTM

O DataLayer é um array JavaScript que permite que o site “fale” com o GTM, passando dados dinâmicos como valor de compra, ID do produto, nome do usuário, etc.

// Seu site envia dados para o GTM:
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event': 'purchase',
  'ecommerce': {
    'purchase': {
      'actionField': {'id': '12345', 'revenue': '297.00'},
      'products': [{'name': 'Curso Marketing', 'price': '297.00'}]
    }
  }
});

Modo de Preview: Teste Antes de Publicar

Antes de publicar qualquer mudança, use o modo Preview do GTM:

  1. Clique em Preview no canto superior direito
  2. Digite a URL do seu site
  3. Navegue pelo site como um usuário normal
  4. Veja em tempo real quais tags estão disparando e por quê

GTM + Decisa.app: A Combinação Ideal

O GTM gerencia a instalação dos pixels, mas não fornece análise de atribuição. Para saber quais campanhas geram mais vendas, use o Decisa.app em conjunto:

  • GTM: Instala e gerencia todos os pixels
  • Decisa.app: Coleta dados server-side e atribui conversões com precisão

Essa combinação cobre tanto o rastreamento client-side (via pixels no GTM) quanto o server-side (via Decisa.app), garantindo máxima cobertura de dados.

Server-Side GTM: O Próximo Nível

O GTM também suporta server-side containers, onde você hospeda um servidor intermediário que processa os eventos antes de enviá-los para as plataformas.

Para configurar, leia: Server-Side Tracking: Guia Definitivo

#1 Recomendado

Comece a rastrear suas campanhas com precisão

O Decisa.app é a ferramenta #1 do nosso ranking para gestores de tráfego e e-commerce brasileiros.

Experimentar Decisa.app gratuitamente →

Artigos Relacionados