Como usar o Google Tag Manager na sua loja virtual Sellit

Pra que serve

Às vezes você quer instalar uma ferramenta que não tem campo no painel: um mapa de calor, um chat, o pixel de outra rede. Em vez de pedir para alguém mexer no código, você coloca essa ferramenta dentro do Google Tag Manager, e a loja carrega o container inteiro.

Uma coisa importante antes de começar: para medir venda, use os campos próprios do cartão, e não o Tag Manager. A loja manda as compras direto para o Google Analytics 4, o Google Ads, o Pixel da Meta e o TikTok. Para o container, ela não manda eventos de compra.

Antes de começar: pegue o ID do container

1. Entre em tagmanager.google.com. Se não tem conta, clique em Criar conta, dê o nome, escolha o país, dê um nome ao contêiner e escolha Web.

2. Na guia Espaço de trabalho, o ID aparece no alto, à direita. Começa com GTM-, como GTM-AB12CD3.

Como fazer

1. 1

   Abra Configurações › Integrações

   No menu da esquerda, clique em Configurações e depois na aba Integrações. O primeiro cartão da tela é o 01 Analytics & Pixels.

   

2. 2

   Cole o ID no campo Google Tag Manager

   Clique no campo Google Tag Manager e cole o ID com o GTM- na frente. O campo aceita um container só.

   

3. 3

   Clique em Salvar alterações

   Assim que você digita, aparece uma barra escura no pé da tela com "Alterações não salvas". Clique em Salvar alterações. Se sair da tela sem clicar, nada fica gravado.

   

4. 4

   Publique o container no Tag Manager

   Toda tag que você cria no Tag Manager só vai para a loja depois de publicada. No Tag Manager, clique em Enviar, no canto de cima, e depois em Publicar. Sem isso, a loja carrega um container vazio.

5. 5

   Confira no modo Visualizar

   No Tag Manager, clique em Visualizar, digite o endereço da sua loja e abra. A janela de depuração mostra o container carregado e quais tags dispararam em cada página.

Acionador certo para uma loja que não recarrega

Na loja Sellit, quando o cliente clica num produto, a página muda sem recarregar o navegador. O acionador Visualização de página do Tag Manager só dispara na primeira página que a pessoa abre. Para uma tag que precisa rodar em toda página, use também o acionador de alteração do histórico (History Change), que dispara a cada troca de página dentro da loja.

O que você ganha

• Instalar ferramentas que não têm campo no painel, sem depender de programador.

• Ligar e desligar tags sem mexer na loja: é só publicar uma nova versão do container.

• Tudo num lugar só, com histórico de versões.

Dicas para não errar

• Não coloque no Tag Manager uma tag que já está num campo do cartão (o mesmo G-, AW-, pixel da Meta ou do TikTok). Os eventos passam a contar em dobro.

• O campo aceita GTM- seguido de 6 a 9 letras ou números. O código inteiro do container (o texto com script) a tela recusa.

• Mudou uma tag e nada aconteceu? Quase sempre faltou clicar em Enviar e Publicar.