Gerenciador de tags do Google para empresas: o quê, como e por quê

Índice

• O que é o Gerenciador de tags do Google?
  • Por que vale a pena usar o Gerenciador de tags do Google?
    • Como superamos as barreiras técnicas/curva de aprendizado?
    • Como saberá que está funcionando? E se eu quebrar alguma coisa?
• Quebra de glossário
  • O que é uma etiqueta?
  • O que é um gatilho?
  • O que é um contêiner?
  • O que é uma versão?
  • O que é uma variável?
• Casos de uso simples
  • Como configuro o Gerenciador de tags do Google?
  • Como instalo o Gerenciador de tags do Google em meu site?
    • WordPress
    • Squarespace
    • HTML personalizado
    • Outro
    • Solução de problemas
  • Como adiciono tags ao meu site?
    • Como configuro o Google Analytics no Gerenciador de tags do Google?
      • Código de Rastreamento
      • Rastrear um clique de botão
    • Como configuro o Google Adwords no Google Tag Manager?
      • Acompanhamento de conversões
      • Remarketing
  • Como faço para publicar tags em meu site?
  • Como sei que minhas tags foram publicadas?
• Casos de uso avançados
  • Como adiciono um intervalo de tempo às minhas tags de remarketing?
  • Como incluir o Gerenciador de tags do Google em minhas páginas AMP?
  • Como envio um evento da camada de dados para o Google Analytics?
  • Quais são algumas tags personalizadas que eu poderia usar para obter insights melhores?
• Recursos do Gerenciador de tags do Google

O que é o Gerenciador de tags do Google?

O Gerenciador de tags do Google é uma ferramenta de produtividade e análise criada para profissionais de marketing. Isso economizará tempo ao implementar e atualizar tags de rastreamento em seus sites, aplicativos e páginas móveis aceleradas (AMP). Nos termos mais simples, é um sistema de gerenciamento de tags. Você escolhe quais tags gostaria de carregar em seu site, quando, onde e como gostaria de carregá-las e, em seguida, publicá-las sem todo aquele trabalho extra de codificação.

O Google Tag Manager é um sistema de gerenciamento de tags que permite gerenciar todas as tags do seu site (Google Analytics, Tracking Pixels, Hotjar, etc...) a partir de um único painel. Em vez de se preocupar com a lógica de codificação e sobrecarga para dezenas de tags e eventos analíticos, você pode adicionar o Google Tag Manager para gerenciar tags para todo o seu site.

Por que vale a pena usar o Gerenciador de tags do Google?

O Gerenciador de tags do Google foi criado para uso dos profissionais de marketing (re: fácil). Em vez de um desenvolvedor manter tags para seu(s) site(s), seus profissionais de marketing podem gerenciar o que desejam rastrear. Se eles querem saber quantas vezes um botão é clicado, ou querem saber a taxa de conversão em uma campanha de adwords, ou apenas querem...

Espere, o que eu acabei de dizer?

Fazer com que membros não técnicos da equipe gerenciem tags de site? Sim! Absolutamente!

Seus profissionais de marketing produzem muito conteúdo e vale a pena acompanhar o desempenho desse conteúdo. Uma vez que são eles que se preocupam com os números e devem fornecer a prova de desempenho, devem ser eles que determinam quais dados são medidos.

Agora, eu sei o que você está pensando... Como ensinar profissionais de marketing não técnicos a adicionar tags complexas de rastreamento e análise sem quebrar as coisas?

O Google Tag Manager é tão fácil de usar que minha avó poderia fazer 90% do trabalho com pouco treinamento. Todas as tags principais são adicionadas por meio de formulários simples, o que não apenas elimina a necessidade de experiência em codificação, mas também economiza muito tempo, reduzindo o potencial de erros.

Quanto ao profissional de marketing não técnico, é incrivelmente fácil ensiná-lo a fazer o básico, como:

• adicionar Google Analytics e Adwords
• adicionar rastreamento de eventos em suas chamadas para ação
• adicionar testes a/b por meio do Google Optimize
• adicionar scripts de terceiros ou pixels de rastreamento

É fácil. Se você pode usar o e-mail, pode usar o Gerenciador de tags do Google.

Como podemos manter o controle de qualidade com o Google Tag Manager?

O Tag Manager tem alguns ótimos recursos. Primeiro, se você não deseja entregar as chaves de rastreamento ao seu profissional de marketing, pode conceder a ele acesso para atualizar os scripts sem conceder acesso para publicação no site ativo. Dessa forma, seu desenvolvedor pode examinar quaisquer alterações antes de serem publicadas.

Há também uma ferramenta útil de visualização que informa exatamente quais scripts estão em execução e quais não estão. Aqui está uma captura de tela dele em execução em nosso blog. Pode levar algum tempo para se acostumar, mas você acaba com uma imagem cristalina de quais scripts estão sendo executados e por quê.

Como em qualquer coisa - ter um processo sólido de como implementar tags ajudará a manter a qualidade e aumentar a confiança dos usuários do gerenciador de tags.

Quebra de Glossário

O que é uma etiqueta?

Uma tag neste contexto geralmente se refere a um pedaço de javascript que você adicionaria ao seu site para fins de rastreamento. Assim, por exemplo, se você incluir o Google Analytics em seu site, incluirá a tag de script deles.

As tags no Gerenciador de tags do Google não são restritas apenas a scripts, mas são o que você usará 90% do tempo.

O que é um gatilho?

Um acionador é uma regra que informa ao Gerenciador de tags do Google quando disparar uma tag. É um conjunto de parâmetros que o GTM verifica para saber quando (e quando não) disparar uma tag.

Digamos que você queira incluir o Google Analytics em todas as páginas, o AdWords Remarketing apenas em suas páginas de destino ou rastrear cliques em botões específicos em todo o site - os gatilhos ajudam a gerenciar toda essa lógica.

O que é um contêiner?

Um contêiner contém um grupo de tags, gatilhos e variáveis. Você usa as tags de script de contêiner para instalar o Gerenciador de tags do Google em seu site.

O que é uma versão?

Uma versão representa um conjunto de alterações em suas tags, gatilhos e variáveis. Toda vez que você publica em seu site, está efetivamente criando uma nova versão. As versões ajudam você a se manter organizado, permitindo que você revise todas as suas alterações em um único local e, se cometer um erro, poderá facilmente voltar e corrigi-lo.

O que é uma variável?

Uma variável representa uma informação que você deseja referenciar em suas tags e gatilhos. O Gerenciador de tags do Google possui várias variáveis ​​integradas, como URL da página, classe de clique, URL de destino, etc., que você pode referenciar.

Exemplo : dispare tags apenas quando {{page url}} contiver "login.html", passe {{target url}} quando os botões com {{click class}} forem clicados.

Você também pode definir suas próprias variáveis ​​personalizadas se quiser ser um pouco sofisticado.

Casos de uso simples

Aqui estão alguns casos de uso simples para o Google Tag Manager. Considere-os um guia ao iniciar sua jornada com o Gerenciador de tags do Google e um recurso para treinar outras pessoas.

Como configuro o Gerenciador de tags do Google?

Este é um processo extremamente simples que é mais ou menos assim:

• Adicionar um nome de conta
  • Usamos "Vendasta" para o nome da nossa conta
• Adicionar um contêiner com outro nome
  • Usamos contêineres separados para nosso blog, site e páginas de destino
• Escolha uma categoria
  • Provavelmente você só quer usar Web ou AMP

Não se preocupe em seguir seus nomes de contêiner de exemplo. Chame-os do que fizer mais sentido para você e sua equipe.

Para a instalação do Google Tag Manager em Vendasta.com, usamos uma única conta com muitos contêineres para diferentes seções do nosso site. O blog, o site principal, o site de suporte e alguns outros usam diferentes contêineres do Gerenciador de tags para que possamos isolar facilmente o rastreamento de conversões e outras tags conforme necessário para nos mantermos organizados.

Depois de selecionar sua conta e aceitar o contrato de Termos de Serviço, você pode instalar o Gerenciador de tags do Google em seu site.

Como instalo o Gerenciador de tags do Google em meu site?

Primeira coisa: você precisa criar uma conta de gerenciador de tags e um contêiner. Depois disso, você receberá um pop-up com as instruções.

Perder o seu lugar? Voltar aos trilhos é fácil.
Guia Admin -> selecione a conta e o contêiner -> "Instalar o Gerenciador de tags do Google".

Se você não conseguir colocar suas tags no lugar certo, não é o fim do mundo - apenas tente aproximá-las o máximo possível.

Aqui estão guias rápidos para instalar o Tag Manager em alguns dos sistemas de gerenciamento de conteúdo mais populares.

• Instalando o Gerenciador de tags do Google no WordPress
• Instalando o Gerenciador de tags do Google no Squarespace

HTML personalizado

Agora, se você for como eu e tiver enfiado em sua cabeça que as tags de script só devem ir na parte inferior de sua fonte, ao longo da tag do corpo, essas instruções podem ser um pouco chocantes. Eles não estão trollando - eles são muito sérios. Para aproveitar ao máximo a instalação do gerenciador de tags, certifique-se de obter esses snippets de código o mais próximo possível da parte superior da tag head e a mesma história para a tag body.

Outro

Você usa outro CMS e precisa de ajuda? Deixe-nos saber e podemos adicioná-lo à nossa lista de tutoriais.

Solução de problemas

Se você tiver problemas para carregar o Gerenciador de tags do Google, tente o seguinte:

• Desative o pop-up / bloqueador de anúncios do seu site
• Instale o Tag Assistant (link em nossa seção de recursos na parte inferior desta postagem)
• Peça ajuda aqui ou na comunidade do Google+ (link abaixo)

Como adiciono tags ao meu site?

Como configuro o Google Analytics no Gerenciador de tags do Google?

• Criar uma nova etiqueta
• Nomeie-o como "Código de Rastreamento GA"
• Clique na seção de configuração de tags
• Selecione Universal Analytics na lista que aparece
  • Você também pode usar o Analytics clássico, mas provavelmente é melhor usar o Universal
• Adicione seu ID de acompanhamento do Google Analytics
• Você pode deixar o resto das configurações sozinho
  • O tipo de rastreamento deve ser padronizado como "visualização de página"
  • Se você deseja ativar a atribuição de link aprimorada, pode fazê-lo na seção avançada
• clique em salvar
• Clique na seção de acionamento
• Selecione Todas as páginas na lista que aparece
  • Você pode adicionar páginas específicas, exclusões ou ajustar seus gatilhos para excluir seus ambientes de teste ou outros locais onde os filtros de endereço IP no Google Analytics não funcionarão para excluir o tráfego
• clique em salvar
• Publique no seu site
• Voilá! O rastreamento do Google Analytics está ativo

Como acompanho um evento de clique de botão no Google Analytics usando o Gerenciador de tags do Google?

• Criar uma nova etiqueta
• Nomeie algo relevante para o clique do botão
• Clique na seção de configuração de tags
• Selecione a versão de análise que você escolheu ao configurar seu código de rastreamento
• Adicione seu ID de acompanhamento do Google Analytics
• Definir "Evento" como o tipo de faixa
• Defina a categoria
  • Este é o grupo mais amplo para um evento, então tenha isso em mente ao escolher o que entrar
• Defina a ação
  • Nesse caso, será "clique de botão", mas se você quiser rastrear sempre que alguém vir um pop-up, poderá ter uma ação "pop-up exibido" ou "pop-up fechado"
• Definir o rótulo
  • Pense nisso como uma referência ao conteúdo
  • Pense no seu futuro - como você encontrará esse evento mais tarde?
    • Dica profissional: você pode adicionar essas informações dinamicamente clicando no bloco de lego e selecionando Click Classes → Click Text
• Defina o valor
  • Se você estiver executando um site de comércio eletrônico, isso se tornará mais valioso
  • Isto é como um valor hipotético em dólares associado a este evento
    • Por exemplo, toda vez que esse botão é clicado, quanto vale para o seu negócio?
• Hit sem interação
  • Isso está perguntando se este evento conta ou não nega um "rejeição"
  • Se for definido como falso, o evento será considerado como visitar uma segunda página em seu site
  • Regra geral: se o evento for um evento de conversão, o hit sem interação = false
• Clique na seção de acionamento
• Crie um novo gatilho Selecione Clique → Todos os elementos
  • Nomeie o gatilho "Clique no botão"
  • Escolha "Alguns cliques" (em vez de Todos os cliques)
  • Defina o Click ID ou Click Class para corresponder ao botão em seu site
  • Clique em "Salvar" no seu gatilho
• Clique em “Salvar” na sua Tag
• Publique no seu site
• Voilá! O evento de clique no botão do Google Analytics será ao vivo

Como configuro o Google Adwords no Google Tag Manager?

Acompanhamento de conversões

• Criar uma nova etiqueta
• Chame-o de “Acompanhamento de conversões do Google AdWords”
• Clique na seção de configuração de tags
• Selecione Acompanhamento de conversões do Google AdWords na lista
  Insira seu ID de conversão, rótulo de conversão e valor
• Configure seus gatilhos
  • Quer que ele dispare quando um botão for clicado? Veja nosso guia sobre como fazer o rastreamento de cliques acima
  • Quer que seja acionado em uma página específica? Basta definir o acionador para disparar quando o URL da página corresponder ao que você está procurando
• Salvar e publicar

remarketing

• Criar uma nova etiqueta
• Chame-o de “Remarketing do Adwords”
• Clique na seção de configuração de tags
• Selecione Adwords Remarketing na lista
• Insira seu ID de conversão, rótulo de conversão
• Configure seus gatilhos
  • Quer que ele dispare quando um botão for clicado? Veja nosso guia sobre como fazer o rastreamento de cliques acima
  • Quer que seja acionado em uma página específica? Basta definir o gatilho para disparar quando o URL da página corresponder ao que você está procurando
• Salvar e publicar

Como faço para publicar minhas tags no meu site?

Quando estiver pronto para publicar, você pode fazê-lo imediatamente pressionando o grande botão vermelho de publicação. Você será solicitado a descrever o que está publicando com um nome e uma descrição. Você pode pular isso se quiser, mas definitivamente vale a pena um ou dois minutos se você fizer parte de uma equipe do Tag Manager.

Por fim, você pode selecionar a versão na qual deseja publicar. Se você tiver um ambiente de desenvolvimento ou teste e quiser testar suas tags nele primeiro, poderá fazê-lo alterando "Publicar no ambiente" aqui.

Ver? Isso não foi tão difícil! Agora você está trabalhando como todos aqueles desenvolvedores com suas mensagens de commit malucas.

Como sei que minhas tags foram publicadas?

Frequentemente, verificarei a fonte para procurar uma nova tag de script ou observarei eventos ao vivo no Google Analytics enquanto testo novas tags.

Uma maneira fácil de confirmar se suas tags estão funcionando conforme o esperado é visualizar seu site no modo de visualização. A opção "Visualizar" no menu suspenso Publicar instruirá o Gerenciador de tags do Google a abrir um menu de depuração quando você visitar seu site.

Depois de ativar o modo de visualização, você poderá acessar seu site e ver o console de visualização. Se você tiver problemas para exibir o console, verifique o seguinte:

• Verifique se o gerenciador de tags está instalado em seu site
• Verifique se você não está usando um bloqueador de pop-up
  • Nem todos bloqueiam o Gerenciador de tags do Google, mas alguns bloqueiam!
• Tente compartilhar a visualização em um navegador diferente
  • Às vezes, sua sessão pode sofrer erros e não funcionar, mas o compartilhamento contornará esse problema

O console de visualização mostrará quais tags foram carregadas com êxito em seu site e quais não foram. Isso é um pouco complicado demais para mostrar nas capturas de tela, então você terá que confundir o processo para descobrir. Se você tiver problemas ou quiser um tutorial, informe-nos nos comentários abaixo e prepararemos um para você.

Casos de uso avançados

Como adiciono um intervalo de tempo às minhas tags de remarketing?

Isso costumava ser muito mais complicado e envolvia tags javascript personalizadas, mas o Google adicionou gatilhos "Timer" que disparam após um determinado número de milissegundos. Você pode criar facilmente um deles adicionando e preenchendo um novo acionador do Timer.

As duas configurações aqui que você realmente precisa observar são o intervalo e o limite.
Digamos que nosso intervalo esteja definido como 30 segundos. Ele então disparará a cada 30 segundos até que o limite seja atingido. Se quisermos acioná-lo apenas uma ou duas vezes, precisamos garantir que haja um limite.

Você pode definir outras condições para ativar esse gatilho apenas em páginas específicas ou iniciar após outros eventos, como cliques de botão, etc.

Como incluo o Gerenciador de tags do Google em minhas páginas AMP do WordPress?

Se você está curioso sobre o que é AMP e por que é importante, confira nosso post sobre isso aqui.

O TL;DR (muito longo; não li) sobre isso é que ter Accelerated Mobile Pages (AMP) ativado é obrigatório para qualquer site que você deseja classificar no Google.

Lembre-se de que o AMP não permite a maioria dos scripts de rastreamento, portanto, você não terá a mesma flexibilidade do Gerenciador de tags com a qual está acostumado. Isso ainda é muito novo, portanto, suporte a script adicional será adicionado continuamente.

Este tutorial recomenda o uso de três plug-ins personalizados para habilitar o AMP e adicionar o código de rastreamento. Esta não é a maneira perfeita de habilitar o Gerenciador de tags do Google, mas funcionará para o profissional de marketing John Smith começar até que ele consiga convencer um desenvolvedor a configurar uma solução melhor.

Comece criando um novo contêiner do Google Tag Manager para o seu site. Desta vez, em vez de selecionar Web, selecione AMP. Anote os detalhes de instalação para as seções da cabeça e do corpo.

Obtenha AMP no WordPress

Se você ainda não possui AMP em seu site WordPress, precisará dele. A maneira mais fácil de resolver isso é instalando e ativando o plug-in AMP oficial aqui.

Ativar GTM em AMP

Em seguida, habilitando o Gerenciador de tags do Google em AMP! Eu recomendo fazer isso por meio de dois plugins adicionais.

• Primeiro, pegue Yoast
• Em seguida, obtenha o complemento Yoast para integração com AMP/

Depois de instalá-los e habilitá-los, você poderá adicionar o código do contêiner do Gerenciador de tags do Google na subseção AMP do menu Yoast.

Observação: o Gerenciador de tags do Google fornecerá as mesmas tags de cabeçalho e corpo. Você pode adicionar tags de script de cabeçalho e corpo a esse espaço para rastrear com eficácia. Para adicionar GTM às suas páginas AMP de acordo com as especificações do Google, você terá que adicionar ganchos no próprio plug-in WordPress AMP.

Como envio um evento da camada de dados para o Google Analytics?

Bem, evitei intencionalmente falar sobre a camada de dados, pois pode ser muito assustador para o profissional de marketing John Smith, que é novo no Gerenciador de tags do Google. Dito isso, a camada de dados é o coração e a alma do Gerenciador de tags do Google, e usá-la fica mais fácil à medida que você trabalha com ela.

Digamos que você tenha uma validação de formulário muito personalizada ou algum outro evento que seja mais complexo do que os gatilhos padrão acomodarão. Como você pode rastrear isso? A resposta é a camada de dados.

Disparar um evento personalizado é muito fácil, mas se você errar, pode interromper a instalação do Gerenciador de tags do Google. Certifique-se de seguir este guia!

Preparar? Vamos começar.

Em primeiro lugar, queremos ter certeza de não sobrescrever o dataLayer, mas também deseja inicializá-lo se ele não existir, para que não lancemos erros de JS. Fazemos isso atribuindo-o a window.dataLayer se existir, caso contrário, ele se transforma em uma matriz vazia.

window.dataLayer = window.dataLayer || [];

Fácil, certo? Agora nós enviamos um evento para ele da mesma forma que adicionaríamos um evento em um array. Nesse caso, desejo notificar o gerenciador de tags de que o envio do formulário de demonstração foi válido.

window.dataLayer.push({'event': 'demoform_valid_submit'});

Acompanhar isso no Tag Manager envolve um pouco mais de trabalho ocupado para configurar a infraestrutura, mas estamos quase terminando.

Primeiro, entre em suas variáveis ​​e certifique-se de ativar a variável "Evento" integrada.

Em seguida, criamos um novo gatilho "Evento" com o nome de nossos eventos. Você precisa desse tipo de variável ativado para criar esse gatilho, portanto, certifique-se de fazê-lo!

Por fim, você pode adicionar cláusulas extras ao gatilho caso queira que ele seja acionado apenas em algumas páginas.

Tudo o que você precisa fazer agora é adicionar uma tag de evento do Google Analytics com isso como acionador e pronto!

Recursos do gerenciador de tags do Google

• Curso Google Tag Manager da Analytics Academy
• Ótima postagem de blog de introdução sobre GTM e JavaScript
• Comunidade de usuários no Google Plus
• Receitas Luna Metrics GTM
• Complemento Assistente de tags do Google
• Mais de 60 trechos de código GTM