Pular para o conteúdo principal

Ajuda do Website

Deutsch English Español Français Italiano

Central de ajuda

Como podemos ajudá-lo?

Pesquisa

Rastreamento do Gerenciador de tags do Google

  • Atualizado

Este artigo mostra como implementar o Gerenciador de tags do Google dentro do seu site. Para saber como criar tags GA4 no Gerenciador de tags do Google, consulte a documentação do Google.

Nota

O Google Analytics 4 está trocando o Universal Analytics. Em 1.º de julho de 2023, todas as propriedades padrão do Universal Analytics deixarão de processar novas ocorrências. As propriedades do 360 Universal Analytics deixarão de processar novos acessos em 1.º de julho de 2024. Para saber como migrar, consulte Migrar para o Google Analytics 4.

Este artigo não segue exatamente as instruções do Google, mas as instruções aqui foram testadas e aprovadas. Elas são diferentes das do Google pelos seguintes motivos:

  1. O Google pede para você instalar o código no <head> do site. Essa prática deixa a página mais rápida, pois desacelera o carregamento do site. Por isso, nós a deixamos no fim do <body-end> para que ele carregue por último.
  2. Nota

    Recomendamos incluir o código no <body-end> porque, embora o gerenciador de tags do Google carregue de forma assíncrona, ele ainda começará a baixar os recursos e a executar o código. Essa atividade compete com outros recursos no celular/computador, como largura de banda e uso do processador. Ao incluir o código no <head>, você ainda dá prioridade a ele em detrimento a outros recursos que o browser possa querer baixar, como estilo e layout do site, conteúdo essencial, imagens acima da dobra e outros.

    O Website Builder descobriu que os sites que colocam o código GTM no <head> têm, no geral, desempenho pior do que os que não colocam. Otimizamos nosso site para priorizar o conteúdo visível, igual ao Core Web Vitals, e as métricas relacionadas de FCP e LCP.

  3. É mais fácil copiar o código em um único local.

Adicionar Gerenciador de tags do Google

O Google fornecerá incorporações de código semelhantes aos exemplos abaixo. Ambos precisam ser instalados no < body-end> do site. Para localizar < body-end > do site: no painel lateral do editor, clique em Configurações e depois em Head HTML.

Nota

O código abaixo é apenas um exemplo e não deve ser copiado para o seu site. Peça o código correto para o Google.

Seção de script

 
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>
<!-- End Google Tag Manager -->

Seção NoScript

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Configure o Gerenciador de Tags do Google

Atenção

Esta etapa é essencial para permitir o rastreamento do Gerenciador de tags do Google no seu site.

Agora vamos substituir o acionador padrão de exibição de página Todas as Páginas pelo nosso evento personalizado. Dentro do gerenciador de tags, precisamos primeiro criar o acionador do evento personalizado:

  1. Acesse Gerenciador de Tags do Google e faça login.
  2. À esquerda, clique em Acionadores.
  3. No lado direito, clique no botão novo.
  4. No canto superior esquerdo, digite um Nome para o acionador. Recomendamos algo fácil de lembrar, como Acionador personalizado de exibição de página.
  5. Clique na caixa de configuração do acionador personalizado e selecione Evento Personalizado.
  6. Na caixa do nome do evento, digite dPageView.
  7. Clique em Salvar no Gerenciador de Tags.

Após criar o gatilho, precisamos aplicá-lo às tags que desejamos. Isso precisa ser feito em cada tag que você usa no site para acionar eventos de visualização de página. Neste exemplo, aplicamos ao Google Analytics Universal, mas o Google Analytics 4 é a versão mais recente que recomendamos. Para saber como criar e aplicar gatilhos para as tags GA4 no Google Tag Manager, veja a documentação do Google.

  1. No Gerenciador de Tags, acesse tags.
  2. Crie uma tag.
  3. Digite um nome fácil de lembrar.
  4. Clique na caixa Configuração de Tag e selecione a tag a ser usada; neste caso, é o Google Analytics Universal.
  5. Após configurar a tag, clique na caixa Acionamento. Escolha o gatilho personalizado que criamos Trigger de exibição de página personalizado.

    6. Nota

    Se o acionador Todas as Páginas já estiver sido aplicado, apague-o. Precisamos apenas do acionador personalizado.

  6. Selecione uma nova variável.
  7. Selecione Configurações do Google Analytics.
  8. Informe o ID de rastreamento do GA e digite um nome para a variável no topo.
  9. Selecione a variável e clique em Salvar.

Após fazer essas alterações no Gerenciador de Tags, clique em Enviar e Publique as alterações nas configurações ativo.

Considerações para o Gerenciador de tags do Google

  • Esse código será executado apenas no site publicado ativo. Recomendamos testar a versão ativa.
  • Concluímos testes exaustivos, e a seção body-end.html do Modo de Desenvolvedor funciona para adicionar o código noscript e o código padrão.
  • Não altere a configuração "dataLayer" do Gerenciador de Tags do Google, pois isso invalida nosso código de integração personalizado.