Get started with Tag Manager

2. Instale um contentor da Web

Seguinte: 3. Adicione etiquetas no Gestor de Etiquetas da Google

Siga estes passos para instalar os fragmentos do código necessários para o contentor do Gestor de Etiquetas da Google do Website. Para ver passos semelhantes sobre a configuração do Gestor de Etiquetas para outros tipos de contentores, consulte os seguintes recursos:

iOS: Gestor de Etiquetas da Google para iOS
Android: Gestor de Etiquetas da Google para Android
AMP: guia de configuração das AMP e do Gestor de Etiquetas
Servidor: Gestor de Etiquetas do lado do servidor

Antes de começar

Tem de criar uma conta e um contentor do Gestor de Etiquetas.
Tem de poder aceder ao código para o seu Website.

Passos

Aceda a https://tagmanager.google.com.
Inicie sessão na Conta Google. Saiba como criar uma Conta Google.
Abra o contentor do Gestor de Etiquetas que quer editar.
No separador Espaço de trabalho, selecione o ID do contentor (que começa por "GTM").
Na caixa de diálogo Instale o Gestor de Etiquetas da Google, siga estes passos para cada página do Website:

Nota: se o seu Website for criado através de um criador de Websites ou sistema de gestão de conteúdos (CMS), como o Wordpress, Shopify ou Wix, pode configurar a etiqueta Google com uma integração que não requer a atualização do código em todas as páginas do Website. Saiba como instalar a etiqueta Google com um criador de Websites ou um CMS
1. Copie o primeiro bloco de código e cole-o o mais acima possível na etiqueta <head>.
  
  Exemplo
  No seguinte código HTML de exemplo, colaria o primeiro fragmento do código do Gestor de Etiquetas da Google após a etiqueta HTML <head> de abertura. Tenha em atenção que o exemplo seguinte usa "GTM-ABCDEFGH", mas tem de substituir o ID pelo ID do contentor.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <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-ABCDEFGH');</script>
  
  
  <title>Página Web de exemplo</title>
  </head>
  <body>
  
  <h1>Dou-lhe as boas-vindas ao meu Website</h1>
  <p>Este é um parágrafo de exemplo na minha página Web.</p>
  </body>
  </html>
2. Copie o segundo bloco de código e cole-o imediatamente após a etiqueta <body> de abertura.
  
  Exemplo
  No seguinte código HTML de exemplo, colaria o segundo fragmento do código do Gestor de Etiquetas da Google imediatamente após a etiqueta HTML <body> de abertura. Tenha em atenção que o exemplo seguinte usa "GTM-ABCDEFGH", mas tem de substituir o ID pelo ID do contentor.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <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-ABCDEFGH');</script>
  
  
  <title>Página Web de exemplo</title>
  </head>
  <body>
  
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  
  
  
  <h1>Dou-lhe as boas-vindas ao meu Website</h1>
  <p>Este é um parágrafo de exemplo na minha página Web.</p>
  </body>
  </html>
3. Teste o Website introduzindo o respetivo link e, de seguida, clicando em Testar.
Clique em OK.

Passos seguintes

Use o Gestor de Etiquetas da Google para configurar e gerir etiquetas.

A informação foi útil?

Como podemos melhorá-la?