Instalar o Gerenciador de tags do Google para páginas da Web

Sobre o Gerenciador de tags

Com o Gerenciador de tags do Google, um sistema de gerenciamento de tag, você pode atualizar as tags no seu site de maneira rápida e fácil. Para instalá-lo, é preciso adicionar um snippet de código às páginas da Web. Com esse código, o Gerenciador de tags pode disparar tags inserindo-as nas páginas.

Antes de começar

Crie uma conta e um contêiner do Gerenciador de tags do Google. Saiba mais

Instalação padrão da página da Web

Na maioria dos casos, a maneira mais fácil de começar é encontrar o código e as instruções no Gerenciador de tags.

  1. No Gerenciador de tags do Google, clique em Espaço de trabalho.
  2. Clique no ID do contêiner (formatado como GTM-XXXXXX) na parte de cima para abrir a janela Instalar o Gerenciador de tags
    GTMID
  3. Instale a tag em todas as páginas do seu site seguindo as instruções.
    A posição mais indicada do primeiro bloco de código é imediatamente após a tag <head> de abertura da página da Web ou o mais alto possível em <head>. Isso garante que a configuração do Gerenciador de tags esteja disponível e pronta quando o restante da página for carregado.
    Tela de instalação do Gerenciador de tags
  4. Opcional, mas recomendado: instale um objeto de camada de dados. Uma camada de dados permitirá uma medição mais eficaz para suas configurações de tags.
  5. Publique o contêiner.

Quando a instalação do Gerenciador de tags estiver concluída, toda a configuração será realizada no Gerenciador de tags.

Instalações personalizadas da Web

Em casos raros (por exemplo, ao criar um novo modelo para um sistema de gerenciamento de conteúdo ou modelo de e-commerce), é recomendável codificar uma tag gtm.js personalizada. Adicione o código a seguir para que ele fique o mais próximo possível da tag <head> de abertura em todas as páginas do site. Substitua GTM-XXXXXX pelo ID do seu contêiner:

<!-- 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-XXXXXX');</script>
<!-- End Google Tag Manager -->

Em seguida, adicione este código imediatamente após o elemento <body> de abertura em todas as páginas do seu site. Substitua GTM-XXXXXX pelo ID do seu contêiner:

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

Receber orientações para configuração específica do produto

Clique nos links abaixo para saber como configurar o Gerenciador de tags em produtos específicos: