Google Tag Manager e como as tags mudam a experiência de desenvolvedores Web

Faça uma avaliação
Gratuita

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form
Google Tag Manager e como as tags mudam a experiência de desenvolvedores Web
Conteúdo Desenvolvido por:
comercial@webceo.br.com

Google Tag Manager e como as tags mudam a experiência de desenvolvedores Web

O Google Tag Manager pode revolucionar a forma como você controla as tags do seu site, mas ele serve para muito mais funções!

Se você já teve problemas em instalar uma tag porque seu desenvolvedor estava indisponível ou porque não sabia mexer no código, seus problemas acabaram. O Google Tag Manager é a forma ideal para você controlar as tags que disparam as tecnologias do seu site e controlam suas decisões de negócio.

Nesse post vamos detalhar 5 aspectos do Google Tag Manager para que, de agora em diante, você nunca mais tenha problemas com suas tags no seu site.

O QUE É O GOOGLE TAG MANAGER?

Google Tag Manager (Gerenciador de Tags do Google) é uma ferramenta grátis do Google para você controlar todas as tags que são utilizadas em seu site. Digamos que você tenha Google Analytics, Google Adwords, Google Search Console e HotJar instalados em seu site para monitorar seu tráfego e o comportamento do seu usuário em seu site.

Normalmente, você teria que:

  1. instalar todas essas tags dentro do <head> do seu site
  2. Ir em todas as ferramentas, pegar o pedaço de código que elas te passarem e inserir isso manualmente no código fonte da suas páginas.
  3. Caso você não tenha acesso direto ao código-fonte, vai ter que delegar mais essa tarefa para um desenvolvedor que possa fazer isso por você.
  4. Se isso entrar numa fila de desenvolvimento, você vai ter que batalhar para priorizar isso em detrimento de outras tarefas tão importantes quanto.

Isso é muito demorado!

Agora isso não é mais necessário. O Google percebeu essa necessidade dos webmasters e, com o Google Tag Manager, resolveu esse problema. Basta você inserir a Tag do GTM (Google Tag Manager) uma vez e controlar todas as outras tags por lá.

O GTM centraliza todas as tags que você precisa disparar no seu site, tornando-se uma central de informações e decisões de Marketing. Dessa forma, seus times de SEO e PPC podem trabalhar com mais agilidade, sem precisar esperar a implementação de tags por parte da equipe de TI ou Desenvolvimento.

Assim, tendo acesso ao usuário e senha do Google Tag Manager (que geralmente é sua conta do Google), você não precisa mais alterar o código fonte da páginas em questão. Basta acessar o Tag Manager e adicionar uma nova tag, como no GIF abaixo.

 

COMO O GOOGLE TAG MANAGER FUNCIONA?

O GTM (Google Tag Manager) funciona de uma forma muito simples. Você armazena todas as tags que quer que seu site dispare dentro do GTM e, por meio de filtros e regras, escolhe quais páginas vão disparar quais tags.

Você pode querer que uma tag de Pixel do Facebook só carregue para quem finaliza uma compra no seu site. Então, dentro do Google Tag Manager você vai definir que apenas URLs que forem exatamente iguais à “/obrigado.php”, por exemplo, dispararam essa tag. Note que o Pixel do Facebook não está diretamente no seu site. Você só o mantém armazenado no Tag Manager!

Assim, mesmo você instalando a tag do Tag Manager em todas as páginas, você consegue personalizar o funcionamento do Pixel do Facebook só para a página de “obrigado”. O seu responsável pela TI nem precisa se envolver mais nesse quesito, pois a tag do GTM continua idêntica ao que estava antes.

Qual a diferença entre Contêiner, Tags e Acionadores?

Para responder essa pergunta é necessário explicar o que é cada um desses itens. Vamos lá:

Contêiner: é um conjunto de tags. Geralmente cada site tem o seu contêiner e, se há subdomínios, pode haver o interesse em criar um contêiner diferente, por exemplo: landingpages.exemplo.com.br e blog.exemplo.com.br em que o subdomínio das Landing Pages recebe muito tráfego pago e o do Blog foca mais em tráfego orgânico.

Tags: são os pedaços de códigos gerados em sites de terceiros que você insere no seu site para monitorar o comportamento dos seus usuários. Você pode saber quantas visitas seu site teve com informações do seu servidor, mas somente com o Google Analytics você terá a informação de qual palavra-chave foi utilizada por ele em sua busca para acessar seu site. Esse é o poder das tags.

Acionadores: são os responsáveis por dizer quando e onde as tags devem disparar. Eles são baseados em regras definidas pelo webmaster para escolher e filtrar os usuários certos para as funções certas. Você pode definir que só quem acessar a página “Snoopy no Telhado” do seu site será impactado pelo seu remarketing de um produto relacionado ao Charlie Brown e sua turma, por exemplo.

Pode-se perceber que há uma relação intensa entre esses itens: um depende intrinsecamente do outro para funcionar bem e, por isso, pode parecer difícil entender porque alguém iria querer migrar para o Google Tag Manager. Então, listamos abaixo 5 motivos para você usar o Google Tag Manager a partir de hoje!

5 VANTAGENS EM USAR O GTM

  1. Você define quando uma tag deve disparar;Se você quer que uma tag dispare em todas as páginas o GTM é perfeito, pois ele está em todas as páginas funcionando 99,9% das vezes.
  2. Você define quando uma tag não deve disparar;Caso a tag não deva disparar se o tráfego for interno na empresa ou em um setor de testes, o GTM também resolve esse problema.
  3. Você define onde a tag deve disparar;As tags podem disparar só a partir de certa evolução na página: depois de um parágrafo ou após clicar em um botão, por exemplo.
  4. Você define onde a tag não deve disparar e;Justamente o contrário do ponto 3. Você pode ter um botão de “sou menor de 18 anos” em um site com bebidas alcóolicas e não contabilizar os usuários que clicarem nesse botão.
  5. O que a tag deve fazer quando disparar.Além disso tudo, é possível fazer alterações no site ao disparar a tag: mostrar ou esconder conteúdo, por exemplo, via Tag Manager.

Incrível, não é mesmo? Com uma única tag você pode controlar milhares de possibilidades do seu site.

Quais são os custos do Google Tag Manager?

O GTM é totalmente gratuito e não existe versão Premium dele (por enquanto). Você pode ter alguns custos extras caso deseje ter interações mais avançadas com a ferramentas, mas a parte básica é bem simples e intuitiva e deve satisfazer a necessidade da grande maioria dos usuários.

COMO COMEÇAR A USAR O GOOGLE TAG MANAGER?

O primeiro passo é criar sua conta em tagmanager.google.com. Depois, inserir o código criado abaixo do <body> em todas as páginas do seu site (se você quiser, existe um plugin para Wordpress específico para isso).

Bem, provavelmente agora você já vai querer instalar o Google Analytics, certo? Como ele e o GTM já tem uma integração nativa, fica muito fácil fazer. Olha só.

  1. Clicar em Tags e depois em Nova Tag
  1. Pegar o número UA da sua conta do Google Analytics. Basta ir em Administrador, Configurações da Propriedade e copiar os números.
  1. Escolher as configurações finais da Tag no GTM, indicando que você quer que dispare em todas as páginas:
  1. Clicar em Publicar e testar utilizando a extensão para Chrome do GTM.

    Para testar é interessante utilizar a função Tempo Real (real time) do Google Analytics e verificar se várias páginas do seu site estão disparando a Tag do GTM. Faça também testes em dispositivos móveis e tablets com diferentes navegadores, sempre controlando a quantidade de acessos.

COMO INSTALAR TAGS PERSONALIZADAS NO GTM?

Para usar tags de ferramentas externas ao Google é necessário utilizar a função de Tag Personalizada do Google Tag Manager.

Porém, a instalação é tão simples quanto às do próprio Google, bastando inserir a tag e definindo em quais páginas ela disparará.

Preciso me preocupar com a segurança?

Para pensar na  questão da segurança, podemos dividir em três pontos: confidencialidade, controle e agilidade.

O primeiro é a confidencialidade: o ponto positivo em migrar suas tags para o GTM é que elas ficarão escondidas. Você não vai mais mostrar para sua concorrência quais tags possui em seu site e nem quais softwares utiliza.

A segunda vantagem é o controle: o GTM possui um Modo de Visualização de Tags onde é possível que a tag seja revisada antes de ir ao ar. Além disso, existe um histórico de versões que mostra todas as alterações feitas naquela conta ou tag, por exemplo. É até possível saber quem fez as alterações que fizeram uma tag parar de funcionar, por exemplo.

E, por fim, a terceira vantagem: agilidade. Com a implementação mais rápida, a informação fica menos tempo passando de mão em mão e as tarefas são resolvidas mais rapidamente, diminuindo a chance de erro e a quantidade de envolvidos no projeto.

O SITE FICA MAIS LENTO COM GOOGLE TAG MANAGER?

Como o Google Tag Manager dispara todas as tags de forma assíncrona (ou seja, em paralelo), isso não será um problema. As tags de acompanhamento não vão retardar a parte da página visível ao usuário. Além disso, se uma tag for lenta no carregamento ou na execução, o restante das tags não terá que esperar essa tag concluir para ser executada.

Ou seja: seu site pode ficar mais rápido apenas instalando e migrando suas tags para o Gerenciador de Tags do Google.

Apesar de termos falado bastante sobre o GTM, ainda há muito conhecimento disponível para quem quiser se aprofundar. Por isso, seguem alguns links para quem se interessar e não deixem de comentar abaixo suas dúvidas, sugestões e elogios!

Página do Google Tag Manager: https://www.google.com.br/tagmanager/

Perguntas Frequentes: https://www.google.com.br/tagmanager/faq.html

Central de Ajuda: https://support.google.com/tagmanager/#topic=3441530

Curso grátis sobre Tag Manager: https://analytics.google.com/analytics/academy/course/5

Não esqueça de comentar o que achou do post.

Até a próxima!

Ultimas Publicações do Autor

WEBCEO BRASIL

Ultimas Publicações

Conheça nosso programa de Canais

Se Você é uma Agência, Profissional de Marketing ou SEO, Vou Ajuda-lo a Conhecer As Ferramentas WebCEO.

Marcos Custódio,
Country Manager & Partnerships
Web CEO Brazil