# Como configurar o Google Tag Manager nas páginas?

Objetivo: Ensinar como criar uma conta no Google Tag Manager e como verificar as tags instaladas na página.\
Para que serve: Ao criar uma conta do Gerenciador de Tags do Google, será possível utilizar uma única interface para atualizar códigos do Google ou de terceiros no seu site.

### &#x20;Requisitos Obrigatórios:&#x20;

1\. Possuir uma conta Google. \
2\. Ter uma página criada na leadlovers.

Com o Google Tag Manager, é possível gerenciar as tags de suas páginas e instalá-las rapidamente em um **único lugar**. De acordo com a central de ajuda do Google, você pode considerar usar esse recurso se precisar de:

*– capacidade de implantar e modificar tags do Google e de terceiros*\
\&#xNAN;*– capacidade de implantar e modificar tags para a Web e aplicativos para dispositivos móveis*\
\&#xNAN;*– capacidade de implantar e modificar tags de forma imediata usando uma interface da Web*\
\&#xNAN;*– recursos de colaboração e controle de versão*

(Fonte: [Ajuda do Gerenciador de tags](https://support.google.com/tagmanager/answer/7582054?hl=pt-BR\&ref_topic=3441530))

### Criando uma conta no Google Tag Manager <a href="#criando-conta" id="criando-conta"></a>

Nº1– Acesse o site do Google Tag Manager clicando [aqui](https://tagmanager.google.com/).

Nº2– Se já estiver logado em sua conta Google, você será redirecionado para esta tela. Caso não esteja, basta logar para ser levado até ela. Para criar uma conta, clique em “Criar conta”.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img01-5.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img01-5.png)

Nº3– Na janela que abrir, preencha as seguintes informações:

Nome da conta: Escolha um nome para a conta que está criando.

País: Selecione o seu país.&#x20;

Nome do contêiner: É dentro do contêiner que ficarão todas as tags que deseja inserir na página. Pode colocar o nome que desejar, geralmente o próprio domínio (sem o *https\://* em sua frente) é utilizado.&#x20;

Plataforma segmentada: Aqui escolha a opção “Web”.

Quando terminar, clique em “Criar”.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img02-3.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img02-3.png)

Antes de terminar a criação da sua conta, será necessário aceitar o Contrato de Termos de Serviço do Gerenciador de tags do Google. Por padrão ele estará em inglês, mas logo no início da página é possível alterar o idioma.

Nº4– Para prosseguir, marque a caixa de aceite dos Termos de Processamento de Dados.

Nº5– Clique em “Sim”.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img03-4.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img03-4.png)

Nº6– Assim que for para a próxima etapa, aparecerá um pop-up com os scripts que deverão ser inseridos nas páginas que deseja metrificar. Copie ambos clicando no ícone ![](https://legado.leadlovers.site/wp-content/uploads/2021/11/icon-copiar.png) ao lado de cada código e salve-os em algum lugar, como por exemplo o Bloco de Notas.

Nº7– Clique em “Ok” para remover o pop-up da tela.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img04-4.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img04-4.png)

Nº8– Agora você deve inserir os scripts fornecidos pelo Google Tag Manager nas páginas da leadlovers. Para saber como fazer esta configuração, [consulte este material. ](https://central.ajudaleadlovers.com/paginas/construtores-leadlovers/construtor-de-paginas/como-inserir-scripts-nas-paginas-da-leadlovers)

Depois que fechar o pop-up e configurar os scripts, essa será a visão do seu gerenciador. É neste espaço de trabalho que você poderá criar novas tags, acionadores e variáveis de acordo com a sua estratégia. Sempre que configurar uma nova tag, certifique-se de clicar em “Enviar” para que a mesma seja corretamente aplicada à sua página.

![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img05-4.png)

Neste tutorial, ensinaremos somente como **instalar o gerenciador de tags** nas páginas e **verificar aquelas que foram inseridas**. Como há muitas opções de tags do próprio Google e de terceiros, recomendamos que pesquise especificamente orientações sobre as tags que deseja instalar para fazer o procedimento correto.&#x20;

### Verificando as tags <a href="#verificando-tags" id="verificando-tags"></a>

Há duas formas de verificar se as tags foram inseridas corretamente e estão funcionando na página. Uma delas é pela extensão [Tag Assistant Legacy (by Google)](https://chrome.google.com/webstore/detail/deprecated-tag-assistant/kejbdjndbnbjgmefkgdddjlbokphdefk) e outra é por [um site especifico](https://tagassistant.google.com/) para isso que o Google está desenvolvendo. \
\
Ensinaremos como verificar a instalação delas das duas maneiras.

Observação: É importante ressaltar que o Google Tag Manager apenas facilita a instalação das tags e coleta as informações necessárias para enviar para o sistema que as metrifica e mostra os seus dados. Portanto, essas duas formas de consulta somente mostram se elas foram aplicadas às páginas corretamente.&#x20;

## Via Extensão do Google TAG <a href="#via-extensao" id="via-extensao"></a>

### **Instalação**

Nº9– No Google Chrome, clique sobre o ícone de peça de quebra cabeça no canto superior direito.

Nº10– Vá até a opção “Gerenciar extensões”.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img06-3.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img06-3.png)

Nº11– Na página que abrir, selecione o menu “Extensões”.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img07-3.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img07-3.png)

Nº12– Ao final dele, haverá a opção “Abrir a Chrome Web Store”. Clique sobre ela.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img08-3.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img08-3.png)

Nº13– Abrirá uma nova aba. No ícone de busca, escreva: *“tag assistant legacy”* e escolha a opção indicada na imagem abaixo.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img09-2.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img09-2.png)

Nº14– Clique em “Usar no Chrome”.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img10-1.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img10-1.png)

Nº15– Confirme que deseja inserir a extensão no seu navegador.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img11-1.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img11-1.png)

Assim que estiver tudo certo, aparecerá uma notificação confirmando que a extensão foi adicionada ao Google Chrome.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img12.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img12.png)

Nº16– Se quiser que a mesma sempre apareça na sua barra superior, selecione novamente o ícone de peça de quebra-cabeça.

Nº17– Para fixar a extensão, clique sobre o alfinete.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img13.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img13.png)

### **Verificando na página**

Nº18– Acesse a página que deseja verificar se as tags estão funcionando e então clique sobre a extensão.&#x20;

Nº19– Se for a primeira vez que estiver utilizando a mesma, basta clicar em “Done” para prosseguir.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img14.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img14.png)

Nº20– Agora selecione a opção “Enable” e atualize a página (pode utilizar o botão F5 para isso, se quiser).

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img15.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img15.png)

Nº21– Assim que a página recarregar, clique novamente sobre a extensão e ela mostrará todas as tags instaladas na página. A sua cor indicará se foi instalada corretamente. Para consultar mais detalhes, basta clicar sobre elas.

**Cor verde:** está tudo certo com a instalação da tag.

**Cor azul:** há algumas sugestões de melhoria ou pequenos problemas.

**Cor amarela:** houve um resultado inesperado e foi gerado um alerta.

**Cor vermelha:** há um problema crítico na instalação.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img16.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img16.png)

## Via Tag Assistant (site) <a href="#via-tag-assistant" id="via-tag-assistant"></a>

Nº9– Acesse o link: <https://tagassistant.google.com/>. Na página que abrir, clique em “Add domain”.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img17.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img17.png)

Nº10– Insira o link da página que instalou as tags.

Nº11– Clique em “Connect” para prosseguir.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img18.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img18.png)

Nº12– A sua página abrirá em uma nova aba. Espere carregar completamente e a mantenha aberta.

![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img19-1.png)

Nº13– Volte agora para a aba do Tag Assistant e clique em “Continue”.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img20.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img20.png)

Nº14– Se estiver tudo certo com os scripts inseridos na página, o código do seu Google Tag Manager aparecerá na parte superior. Caso tenha configurado outras tags e variáveis, as mesmas aparecerão em “Summary” juntamente com outros detalhes técnicos.

[![](https://legado.leadlovers.site/wp-content/uploads/2021/11/img21.png)](https://legado.leadlovers.site/wp-content/uploads/2021/11/img21.png)

**Suporte**

Se surgir qualquer dúvida ou situação, ou se precisar de qualquer ajuda durante este procedimento, por favor, entre em contato com o nosso suporte!
