Passar para o conteúdo principal

Como instalar o Google Tag Manager (GTM) na Yampi?

Saiba como criar uma conta no Google Tag Manager, instalar na Yampi, configurar suas tags e servir o GTM pelo domínio da loja.

O Google Tag Manager (GTM) é uma ferramenta do Google que facilita a inserção e o gerenciamento de tags e scripts no seu site. As tags são pequenos trechos de código usados para rastrear e coletar dados sobre o comportamento dos clientes na sua loja.

Neste artigo, vamos mostrar:

💡 Dica: quer entender em detalhes o que é e como funciona essa ferramenta? Veja o artigo O que é o Google Tag Manager (GTM)?

Como criar uma conta no Google Tag Manager?

  1. Acesse o site do Google Tag Manager e clique para criar uma conta.

  2. Preencha os campos:

    • o nome da conta;

    • o domínio da sua loja;

    • a opção Web.

  3. Clique em Criar.

  4. Leia e aceite os Termos de Serviço do Google Tag Manager. Depois, clique em Sim.

Cadastro do Google Tag Manager

Pronto, cadastro finalizado! 🥳

Como instalar o Google Tag Manager na Yampi?

  1. Depois de criar a conta, o GTM mostra uma janela com códigos de instalação. Clique em OK para fechar essa janela.

  2. Copie a chave do seu GTM, que aparece na parte superior da tela.

    Chave do Google Tag Manager
  3. No painel da Yampi, acesse Apps → Google Tag Manager.

  4. Cole a chave no campo Código.

    Campo para colar a chave do GTM

Pronto, o Google Tag Manager está instalado! A partir de agora, as alterações que você publicar no GTM passam a valer na sua loja automaticamente 💜

⚠️ Atenção: depois de instalar o GTM na Yampi, pode levar até 30 minutos para as alterações aparecerem na loja.

Como servir o GTM pelo domínio da loja?

Por padrão, o script do GTM é carregado pelo domínio do Google (googletagmanager.com). Bloqueadores de anúncio e as restrições a cookies de terceiros dos navegadores podem impedir esse carregamento, e parte dos dados de acesso e conversão se perde.

Com a opção Servir a tag pelo domínio da loja (Google Tag Gateway), o script passa a ser carregado pelo domínio da sua loja. Assim, a medição fica mais completa no Checkout e na Loja virtual.

Para ativar:

  1. Marque a opção Servir a tag pelo domínio da loja.

  2. Clique em Salvar.

Como configurar as tags de rastreamento?

  1. Acesse o painel do Google Tag Manager.

  2. Clique em Tags → Nova.

    Como configurar as tags
  3. Preencha os campos da tag:

    • Nome da tag: troque "Tag sem título" pelo nome da tag que você está criando.

    • Configuração da tag: escolha um dos modelos prontos ou a opção personalizada, para inserir um código HTML caso a tag que você precisa não esteja na lista.

    • Acionamento: escolha o acionador que vai disparar a tag, ou seja, o que precisa acontecer para a informação ser registrada, como um clique ou o envio de um formulário. Por padrão, só vem configurado o acionador de exibição de todas as páginas.

Como criar um acionador?

  1. No campo Acionamento, clique em +.

  2. Escolha o nome e o tipo do acionador.

  3. Configure em que momento ele deve disparar.

  4. Clique em Salvar.

Como testar e publicar a tag?

Passo 1: Teste a tag

  1. Clique em Visualizar.

  2. Abra qualquer página da sua loja no mesmo navegador em que o teste está rodando. Uma pequena tela aparece na parte inferior da página mostrando, entre outras informações, quais tags foram disparadas naquela página.

Passo 2: Publique a tag

Com a tag funcionando, é hora de publicar para que ela passe a valer na sua loja.

  1. Clique em Enviar.

  2. Escolha uma das opções:

    • Publicar e criar versão: cria uma nova versão e já publica, ou seja, ela passa a funcionar na sua loja.

    • Criar versão: cria a nova versão, mas sem publicar.

  3. Preencha os campos:

    • Nome da versão: o nome da versão que você está criando.

    • Descrição da versão: o que foi alterado, os motivos e outras informações úteis para consultar depois.

    • Publicar no ambiente: mantenha a opção padrão Live selecionada.

    • Alterações no espaço de trabalho: mostra todas as alterações feitas desde a última versão salva.

  4. Clique em Publicar. A página recarrega e mostra a aba Versões.

Pronto, sua primeira tag está configurada no Google Tag Manager! 🎉

💡 Dica: as versões funcionam como pontos de controle. Com elas, você vê o que mudou em cada publicação e pode voltar para uma versão anterior se algo der errado.

Dúvidas frequentes 🤔

▶️ Clique na setinha de cada um para abrir o conteúdo*

Posso inserir outros scripts pelo GTM?

Sim. Você pode usar o GTM para inserir scripts, fazer ajustes na loja ou adicionar códigos de plataformas que não têm integração nativa com a Yampi.

Instalei o GTM, mas as alterações ainda não aparecem. O que fazer?

Depois de instalar o GTM na Yampi, pode levar até 30 minutos para as alterações aparecerem. Aguarde esse tempo e teste de novo.

Preciso ativar a opção Servir a tag pelo domínio da loja?

Não é obrigatório. O GTM funciona normalmente sem ela. A opção ajuda a reduzir a perda de dados causada por bloqueadores de anúncio e restrições de cookies, então vale ativar se você quer uma medição mais completa.

Uso o Google Analytics 4. A opção também existe para ele?

Sim. A mesma opção está disponível em Apps → Google Analytics 4. Veja o artigo Como configurar o Google Analytics 4 na Yampi?

🔍 Para mais informações sobre o GTM, acesse a página oficial do Google Tag Manager.

Em caso de dúvidas, clique no balãozinho de atendimento em seu painel ou nos encaminhe pelo e-mail para [email protected] 😉

Respondeu à sua pergunta?