Procurar por:
Qual é a diferença entre Google Analytics, Google Tag Manager e Global Site Tag?

Tentar navegar e entender o Google Analytics, Google Tag Manager e Global Site Tag pode ser complicado! Então, qual é a diferença entre os três e você precisa deles para todas as suas páginas de destino? 

O Google Analytics é um serviço de análise da web e um rastreador de métricas que coleta dados de seus visitantes enquanto eles examinam sua página de destino. Os dados coletados permitem que você analise o comportamento de seus visitantes para ajudá-lo a entender seu tráfego e estatísticas. 

O Google Tag Manager é um sistema de gerenciamento de tags que permite enviar informações para várias ferramentas de software usando um sistema de tags. Ao instalar o Gerenciador de tags do Google em sua(s) página(s) de destino, você pode controlar rápida e facilmente quais análises são implantadas e para qual ferramenta. Além disso, você pode usar o Google Tag Manager para controlar o comportamento de muitas de suas ferramentas analíticas, como Facebook Pixel ou Google Ads.  

Curso de Google Tag Manager – GTM

Você pode configurar seus eventos e acionadores no Gerenciador de tags do Google e, em seguida, colocar um código em sua página de destino, em vez de manipular e adicionar vários códigos diferentes para todos os seus rastreadores separados em cada página. A vantagem do Gerenciador de tags do Google é que tudo está em uma interface da Web, portanto, você não precisará codificar tags ou gatilhos. Isso torna a modificação muito mais simples para quem não está familiarizado com a codificação de seu próprio Javascript. 

Global Site Tag é uma nova maneira de conectar seu Google Analytics a todos os seus serviços sem adicionar vários scripts na mesma página. Ele executa uma função semelhante ao Gerenciador de tags do Google, mas é codificado diretamente por meio do javascript que você adiciona à sua página. 

Observação:

Adicionar a tag global do site especificamente para o Google Ads não afetará suas estatísticas do GA, desde que você não inclua os detalhes do Google Ads no script. 

Eu instalaria o Global Site Tag e o Google Tag Manager na mesma página? 

Recomendamos instalar o Global Site Tag ou o Google Tag Manager, mas não os dois simultaneamente, pois eles têm a mesma função geral. Se você já estiver usando o Gerenciador de tags do Google, não precisará instalar o Global Site Tag e vice-versa. 

Qual a semelhança entre a tag global do site e o gerenciador de tags do Google? 

Tanto o Global Site Tag quanto o Google Tag Manager podem implantar vários pontos de rastreamento para várias ferramentas ou software. No entanto, o Gerenciador de tags do Google é mais universal e pode funcionar junto com outras ferramentas e produtos. Em comparação, a Global Site Tag (gtag.js) funciona principalmente junto com outros produtos do Google.

Se você é novo em qualquer uma das ferramentas, pode ser melhor começar com o Gerenciador de tags do Google, pois sua implementação não requer tantas habilidades de codificação quanto a tag global do site exigiria. 

E se eu já tiver o GA e o Facebook Pixel/Another Tracker instalados na minha página de destino? 

 Você não precisa substituir o GA e seu outro rastreador por Global Site Tag OU Google Tag Manager. Na verdade, você não deve duplicar e instalar GTM ou Global Site Tag se já os tiver instalado, pois isso causará problemas em seus relatórios. 

Devo mudar para Google Tag Manager ou Global Site Tag? 

Você deve mudar para o Gerenciador de tags do Google se quiser a liberdade de configurar e modificar seus próprios gatilhos e eventos em uma interface da Web sem precisar codificar os scripts em sua página de destino. 

Você deve mudar para Global Site Tag se tiver experiência em Javascript e quiser instalar as tags diretamente em sua página e não quiser ter que mexer com um sistema de gerenciamento de tags. 

Google Tag Manager versus Google Analytics: qual você deve usar?

Quando ouvi pela primeira vez sobre o Google Tag Manager (GTM) no início de 2013, fiquei um pouco confuso. Naquela época, eu não tinha ideia de que  o gerenciamento de tags  era uma coisa, então, naturalmente, me perguntei  o que é o Gerenciador de tags do Google? Qual é a diferença entre os eventos do Google Analytics e os eventos do GTM?

E hoje em dia ainda percebo essa confusão entre muitos iniciantes. Nesta postagem do blog, compararei o Gerenciador de tags do Google com o Google Analytics e mostrarei as principais diferenças.

Curso de Google Tag Manager – GTM

Alerta de spoiler: eles não se substituem. Eles são feitos para serem usados ​​juntos.

Google Analytics em poucas palavras

O principal objetivo do Google Analytics é rastrear dados, armazená-los e gerar relatórios sobre o seu site, por exemplo:

  • quantas pessoas visitaram seu site ontem?
  • de que país eles são?
  • quantas páginas eles visualizaram por sessão?
  • quantos visitantes  saíram do seu site (sem realizar nenhuma ação)?
  • quais páginas foram as mais populares, etc.?

A principal maneira pela qual o Google Analytics pode rastrear essas interações do usuário é com a ajuda do código de rastreamento  (também conhecido como  snippet de código GA  Javascript ) que deve ser colocado em todas as páginas do seu site.

Assim que ocorre uma interação em um site (por exemplo, visualização de página), um snippet de Javascript envia os dados correspondentes ao Google Analytics.

Não há problema se você quiser colocar a tag GA em todos os sites e rastrear informações gerais como visualizações de página, taxa de rejeição, duração da sessão, referências, etc. No entanto, você está se limitando muito.

Você pode querer rastrear quantas pessoas usam um recurso específico em seu site/aplicativo. Ou talvez você esteja interessado em acompanhar as vendas, certo? Nesse caso, você precisará adicionar tags personalizadas – eventos do Google Analytics que enviam os dados somente quando um visitante conclui uma determinada ação em seu site. Um bom exemplo aqui pode ser o envio de um formulário .

Então o que você faz aqui? Peça ao desenvolvedor para adicionar essa tag de rastreamento de envio de formulário a um site (diretamente no código), certo? Mas o que acontece quando há dezenas ou centenas de interações que você deseja acompanhar com o Google Analytics?

Infelizmente, isso exigirá muito mais tempo do desenvolvedor (e eles estão sempre muito ocupados!). Pode levar semanas ou até meses para colocar suas tags de marketing em funcionamento, o que é uma verdadeira chatice.

Gerenciador de tags do Google para o resgate!

O Gerenciador de tags do Google facilita o gerenciamento dessa confusão de tags, permitindo que você defina as regras de quando certas tags devem ser disparadas, mas primeiro, vamos dar uma rápida visão geral do GTM.

Se você preferir conteúdo de vídeo, aqui está o que o GTM faz em poucas palavras:

O Google Tag Manager  é um software gratuito do Google que permite implantar vários tipos de código (tags) em seu site. Alguns bons exemplos de tags seriam o código de rastreamento do Google Analytics, os códigos de evento do Google Analytics, o script de conversão do Google Ads e as tags de remarketing. Existem muitos outros tipos de código que podem ser adicionados ao seu site usando o GTM, incluindo códigos personalizados.

O Gerenciador de tags do Google  não substitui o Google Analytics. Em vez disso, ele ajuda os usuários a adicionar facilmente o código de rastreamento do Google Analytics (tag) a um site, implantar snippets de código de evento do GA e definir regras quando cada código deve ser disparado.

Antes do GTM, os códigos de rastreamento do GA precisavam ser codificados, geralmente por um desenvolvedor da web, em cada página. Ter centenas de eventos é muito difícil na hora de mantê-los/atualizá-los. Mas o Google Tag Manager resolve esse problema porque todas as suas tags são armazenadas em um só lugar – sua conta GTM.

Imagine que o Google Tag Manager é uma caixa de ferramentas onde você guarda todas as suas ferramentas: uma régua (Google Analytics), um martelo (Google Ads), etc.

O Gerenciador de tags do Google também permite que você teste suas tags para garantir que sejam acionadas quando você carrega a página certa ou clica em um botão específico. Outro grande benefício: você pode alterar suas tags e a maneira como elas funcionam sem realmente alterar o código-fonte do seu site (o que talvez não seja possível devido aos ciclos de lançamento lentos ou à agenda lotada dos desenvolvedores) – em vez disso, você apenas edite tags na interface de usuário do GTM e publique as alterações com o clique de um botão.

O Google Analytics não é a única tag compatível com o Google Tag Manager. Outros exemplos incluem:

Qual é a diferença entre o Google Analytics e o Gerenciador de tags do Google?

São duas coisas diferentes que servem a dois propósitos muito diferentes.

O Gerenciador de tags do Google permite que você gerencie vários códigos de rastreamento Javascript (também conhecidos como tags ) em seu site. O código de rastreamento do Google Analytics é uma dessas tags. 

O Google Analytics é uma ferramenta de análise que fornece relatórios. O Gerenciador de tags do Google não possui recursos de relatórios. Ele envia dados do seu site para outras ferramentas de marketing/análise (incluindo GA).

Se você não quiser usar o Gerenciador de tags do Google, tudo bem. Você pode continuar adicionando códigos de rastreamento do Google Analytics diretamente ao código-fonte do seu site (mas lembre-se de que você, como profissional de marketing/analista, perderá muita flexibilidade).

Exemplo

Como indiquei anteriormente, o Google Analytics é uma tag. De acordo com as instruções do GA, você precisa colocar o código de rastreamento do GA em todas as páginas do site. Um exemplo de código de rastreamento deve ser semelhante a este:

<!-- Tag global do site (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-83848370-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(argumentos);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXX-X');
</script>

O Gerenciador de tags do Google oferece um modelo de tag padrão do Google Analytics, portanto, configurá-lo é bastante fácil. Depois de instalar o GTM em seu site , vá para Tags.

  • Clique em Novo
  • Clique no bloco Tag Configuration e escolha tag template – Google Analytics 4 Configuration
  • Cole o código de medição do fluxo de dados do GA4
  • Clique na  seção Acionamento .
  • Escolha Todas as páginas.

Parabéns! Você acabou de criar uma tag de exibição de página do Google Analytics no Gerenciador de tags do Google. Ele rastreará as exibições de página em todas as páginas que tiverem o snippet de contêiner do GTM instalado. Todas as visualizações de página serão enviadas para a propriedade do Google Analytics). Se você ativou a Medição aprimorada , o GA4 também rastreará automaticamente outros eventos.

Gerenciador de tags do Google x Google Analytics: eventos

No Google Analytics, os eventos podem ser encontrados em vários relatórios, por exemplo, Engajamento > Eventos . Eles representam interações que aconteceram em sua página da web. Os dados desse relatório são preenchidos com ocorrências de  evento enviadas de seu site para os servidores do Google Analytics. Antes do nascimento dos sistemas de gerenciamento de tags (como o GTM), as ocorrências de eventos precisavam ser iniciadas por pequenos códigos Javascript colocados em seu site. Aqui está um exemplo:

gtag('evento', 'login', {
  método: 'Google'
});

Como você pode ver, este trecho de código contém o nome do evento e um  método de parâmetro ). Depois que uma ação específica ocorrer em seu site (por exemplo, o usuário faz login em sua conta), o Evento do Google Analytics será acionado e os dados correspondentes serão passados ​​para o Google Analytics.

Então você pode ver esses eventos no GA4 DebugView e, depois de um tempo, em outros relatórios.

Agora vamos falar sobre os eventos do Gerenciador de tags do Google. Para vê-los, ative o modo de visualização e depuração do GTM clicando no  botão Visualizar  no canto superior direito da interface do Gerenciador de tags do Google.

Botão de visualização do GTM

Depois de habilitar o modo de visualização e depuração, ele será aberto em uma nova guia e, em seguida, seu site será carregado em uma guia/janela separada do navegador.

Depois que o modo de visualização estiver ativado, navegue até a guia do modo de visualização (sua URL conterá  tagassistant.google.com ) e você verá informações sobre suas tags, incluindo o status de disparo e quais dados estão sendo processados. Se não funcionar, leia o guia que explica como corrigir o modo de visualização do GTM .

No lado esquerdo do console de visualização e depuração, você deve ver uma lista de algumas definições, por exemplo, Container Loaded, Window Loaded . Estes, meu amigo, são eventos do Gerenciador de tags do Google.

Eles desempenham um papel muito importante no GTM – você pode disparar suas tags (scripts de várias ferramentas de marketing) com base nesses eventos do Gerenciador de tags do Google. Seguem alguns exemplos para facilitar a compreensão:

  • O evento do Gerenciador de tags do Google carregado em contêiner  pode ser usado como um gatilho para acionar a tag de configuração do Google Analytics 4.
  • Um clique no link  ocorre quando um determinado elemento com um link é clicado. Por exemplo, quando alguém clica em um link PDF em seu site, você pode enviar esse clique como um evento do Google Analytics (e vê-lo em seus relatórios). PS Fora da caixa, você não verá nenhum evento, exceto  Container Loaded, DOM  Ready e Window Loaded . Para começar a ver eventos, você precisa ter pelo menos um gatilho desse tipo ativado no contêiner. Aqui está um exemplo de como rastrear cliques em links e cliques em botões .
  • Um evento GTM de envio de formulário  (quando um visitante envia um formulário) pode acionar outra tag de evento do Google Analytics 4 (que envia um evento com os dados do formulário enviado para os relatórios do GA). O evento GTM de envio de formulário  também pode ser usado como um gatilho para disparar uma tag de conversão do Google Ads (ou qualquer outra tag que você desejar – depende da sua imaginação). E não se limite apenas a essas tags.
  • Como todos os eventos do Gerenciador de tags do Google são preenchidos na camada de dados , você também pode pedir ao seu desenvolvedor para disparar eventos personalizados do Gerenciador de tags do Google (também conhecidos como “Eventos da camada de dados”).

Resumindo, o evento Google Tag Manager é uma interação em seu site que é detectada pelo GTM e, em seguida, colocada na camada de dados (ps Data Layer é criada automaticamente em seu site quando o código do contêiner GTM é implementado e publicado).

Essa interação em seu site pode ser usada como um gatilho (condição) para disparar suas tags de rastreamento (scripts), por exemplo,  Facebook Pixel , Google Analytics Events, Mixpanel Events, Google Ads Tags, etc.

Como você pode ver, o Gerenciador de tags do Google é o intermediário na implementação do Analytics. Ele observa as interações que ocorrem em seu site, cria eventos GTM e os usa para disparar tags (por exemplo, Google Analytics Event ). Embora o termo  Evento seja o mesmo em ambos os produtos do Google, no Gerenciador de tags do Google, um evento GTM  é uma condição de acionamento , enquanto  um evento GA é uma tag.

E as conversões do Google Analytics?

Se você ler todos os comentários abaixo desta postagem, notará vários temas repetidos. Uma delas são as metas/ conversões do Google Analytics . Como se deve configurá-los com o Gerenciador de tags do Google?

No que diz respeito à relação entre GTM e GA, o Google Tag Manager é uma forma de transporte de dados que envia várias interações (page views, eventos, etc.) para o Google Analytics.

Algumas dessas interações são mais importantes do que outras (digamos, uma assinatura de boletim informativo ou uma visita à página “Confirmação do pedido”) e são chamadas de conversões . Como o Google Analytics entende quais interações são mais importantes do que outras?

Você faz isso configurando o GA (não o GTM).

Se você estiver trabalhando com o Google Analytics 4, precisará ir em  Configurar  > Eventos e marcar os eventos mais importantes para você como conversões.

Em outras palavras, você diz ao GA que algumas interações (que são enviadas ao GA) são mais valiosas para o negócio. E não importa como essa interação foi enviada para o Google Analytics, seja via GTM, seja diretamente do código do site, ou de outro lugar.

Você vê a diferença? GTM é uma forma de passar os dados de interação para o Google Analytics. As conversões são interações valiosas configuradas na interface do GA.

Migração para Google Tag Manager

Se você administra um site que usa o Google Analytics codificado e deseja migrar para GA + GTM, há várias coisas que você precisa ter em mente. Se a migração for feita incorretamente, você interromperá sua configuração e novos dados serão perdidos/corrompidos.

Em geral, você precisará remover os códigos GA codificados do seu site e adicionar o código do contêiner do Gerenciador de tags do Google a todas as páginas do site. Em seguida, você disparará as tags do Google Analytics por meio do Gerenciador de tags do Google.

Ainda não tem certeza se o GTM vale o seu tempo?

Tudo bem se você ainda estiver hesitante sobre o GTM e se deve começar a usá-lo. Publiquei outro guia que lista  por que vale a pena se tornar GTM parte de sua pilha de análise/marketing digital .

Gerenciador de tags do Google x Google Analytics: conclusão

Espero que esta postagem do blog tenha feito sentido para você, embora algumas partes dela possam parecer realmente complicadas. Resumindo:  GA  é a ferramenta de análise que fornece relatórios sobre a atividade em seu site. GTM  é uma ferramenta que aciona seus códigos de rastreamento com base em regras definidas. No final, você pode implementar o código GA  diretamente em seu site ou implementar o  código GTM  em um site  e  usar  o GTM  para disparar seu   código GA .

Se você quiser mais detalhes, aqui estão os principais pontos que devem ser enfatizados mais uma vez quando se trata de comparar o Google Tag Manager com o Google Analytics:

  • O Gerenciador de tags do Google não substitui o Google Analytics . Em vez disso, ele ajuda os usuários a adicionar facilmente códigos de rastreamento do Google Analytics (tags) a seus sites, implantar snippets de código GA e definir regras quando cada tag deve ser disparada.
  • O Gerenciador de tags do Google é o intermediário de sua implementação de análise digital em qualquer site. Se você deseja adicionar código ou eventos de rastreamento do Google Analytics, é recomendável fazê-lo com o GTM, pois você não precisa alterar o código do site constantemente. Portanto, seu processo de implantação é mais rápido.
  • O Google Tag Manager pode existir sem o Google Analytics e vice-versa . Seus desenvolvedores podem codificar códigos do Google Analytics diretamente em seu site. Mas se você precisar publicar alterações constantemente, apenas os desenvolvedores podem ajudá-lo aqui. Mas com o GTM, você pode adicionar/editar/remover seus códigos de rastreamento do Google Analytics sozinho. Você também pode usar o Gerenciador de tags do Google para adicionar Facebook, Google Ads ou outros scripts de rastreamento ao seu site (deixando o Google Analytics para trás).
  • Os eventos do Gerenciador de tags do Google  são usados ​​como condições de acionamento  que definem quando uma determinada tag deve ser disparada. O evento do Google Analytics neste contexto é uma Tag . Exemplo: o evento formSubmission do GTM  pode ser usado como um gatilho para disparar uma tag de evento do GA chamada “form_submission”.
  • Você não pode criar metas/conversões do Google Analytics no Gerenciador de tags do Google . GTM envia eventos para GA. As metas/conversões são configuradas dentro do Google Analytics, onde você instrui o GA a transformar algumas interações regulares em metas mais importantes/valiosos.

Se você acha que o tópico “Gerenciador de tags do Google x Google Analytics” ainda não está claro, poste um comentário abaixo e verei como posso ajudá-lo.

O que é o Google Tag Manager e por que usá-lo? A verdade sobre o Google Tag Manager.

Se você não está familiarizado com o Gerenciador de tags do Google, provavelmente está se perguntando o que é e por que deve usá-lo. Vamos responder às perguntas mais comuns sobre o Gerenciador de tags do Google.

Curso de Google Tag Manager – GTM

O que é o Gerenciador de tags do Google (GTM)?

O Gerenciador de tags do Google é um sistema gratuito de gerenciamento de tags que permite gerenciar e implantar tags de marketing (trechos de código ou pixels de rastreamento) em seu site (ou aplicativo móvel) sem precisar modificar o código.

Aqui está um exemplo muito simples de como o Google Tag Manager funciona. As informações de uma fonte de dados (seu site) são compartilhadas com outra fonte de dados (Google Analytics) por meio do Gerenciador de tags do Google. O GTM se torna muito útil quando você tem muitas tags para gerenciar porque todo o código é armazenado em um só lugar.

Um grande benefício do Tag Manager é que você, o profissional de marketing, pode gerenciar o código por conta própria. “Não são necessários mais desenvolvedores. Uau!

Parece fácil, certo? Infelizmente, não é tão simples.


“Infelizmente, o GTM é mal compreendido, usado em demasia e abusado. Embora a ideia de capacitar os profissionais de marketing para fazer facilmente coisas técnicas em sites fosse/seja muito atraente, as consequências de não entender totalmente as implicações técnicas da inserção e marcação de código podem ser prejudiciais à estrutura da página e ao desempenho do tempo de carregamento. – Angie Schottmuller, Otimizador de Conversões

O Gerenciador de tags do Google é fácil de usar?

De acordo com o Google,

“O Gerenciador de tags do Google ajuda a tornar o gerenciamento de tags simples , fácil e confiável , permitindo que profissionais de marketing e webmasters implantem tags de sites em um só lugar.”

Eles dizem que é uma ferramenta “simples” que qualquer profissional de marketing pode usar sem precisar de um desenvolvedor web.

Posso ser atropelado na seção de comentários por dizer isso, mas estou me mantendo firme. Google Tag Manager não é “fácil” de usar sem algum conhecimento técnico ou treinamento (cursos ou autodidata).

Você precisa ter algum conhecimento técnico para entender como configurar tags, gatilhos e variáveis. Se você estiver inserindo pixels do Facebook, precisará entender como funcionam os pixels de rastreamento do Facebook .

Se você deseja configurar o rastreamento de eventos no Gerenciador de tags do Google, precisará de algum conhecimento sobre o que são “eventos”, como funciona o Google Analytics, quais dados você pode rastrear com eventos, como são os relatórios no Google Analytics e como nomeie suas categorias, ações e rótulos.

Embora seja “fácil” gerenciar várias tags no GTM, há uma curva de aprendizado. Quando você supera o obstáculo, o GTM é bastante astuto sobre o que você pode rastrear.


“O Gerenciador de tags do Google tornou o processo de gerenciamento de tags de análise e marketing mais fácil do que nunca. Com isso, a maioria dos profissionais de marketing não percebe o que o Google Tag Manager está realmente fazendo e o que acontece quando erros são cometidos.No Analytics Pros, nunca recomendamos que ninguém use o Gerenciador de tags do Google em seu site ativo sem alguns meses de treinamento e experiência. O GTM está injetando código diretamente no site, o que significa que, embora improvável, existe a possibilidade de quebrar seu site.Vimos problemas em que os usuários injetaram texto sem formatação em suas páginas, URLs corrompidos e tags de marketing e Analytics corrompidos. As contas GTM mais bem-sucedidas têm recursos técnicos e de marketing envolvidos com configuração, manutenção e atualizações. ”  –  Charles Farina, Analytics Pros ,  @CharlesFarina

Vamos ver como o Gerenciador de tags do Google funciona…

Existem três partes principais no Gerenciador de tags do Google:

  • Tags : Trechos de Javascript ou pixels de rastreamento
  • Gatilhos : informa ao Gerenciador de tags do Google quando, onde ou como disparar uma tag
  • Variáveis : informações adicionais que o GTM pode precisar para que a tag e o acionador funcionem

O que são etiquetas?

Tags são trechos de código ou pixels de rastreamento de ferramentas de terceiros. Essas tags informam ao Gerenciador de tags do Google o que fazer.

Exemplos de tags comuns no Gerenciador de tags do Google são:

  • Código de acompanhamento universal do Google Analytics ou código de acompanhamento do GA4
  • Código de remarketing do Adwords
  • Código de rastreamento de conversão do Adwords
  • Código de rastreamento do mapa de calor (Hotjar, CrazyEgg, etc…)
  • pixels do Facebook
  • Scripts HTML personalizados
  • Cookiebot e outros scripts de privacidade de dados GDPR
Exemplos de tags no Google Tag Manager

O que são gatilhos?

Os gatilhos são uma maneira de disparar a tag que você configurou. Eles informam ao Gerenciador de tags quando, onde ou como fazer o que você deseja. Deseja disparar tags em uma exibição de página, clique no link ou é personalizado?

Exemplos de gatilhos comuns no Gerenciador de tags do Google são:

  • Visualizações de página
  • cliques em links
  • Envios de formulário
  • profundidade de rolagem
  • Eventos personalizados
Exemplos de gatilhos no Gerenciador de tags do Google

O que são variáveis?

Variáveis ​​são informações adicionais que o GTM pode precisar para que sua tag e acionador funcionem. Aqui estão alguns exemplos de diferentes variáveis.

exemplo de variáveis ​​em gtm

O tipo mais básico de variável que você pode criar no GTM é o número UA do Google Analytics (o número de ID de rastreamento).

exemplo de variável gtm

Esses são os elementos básicos do GTM que você precisa saber para começar a gerenciar tags por conta própria.

Se você está entediado lendo isso agora, não terá problemas para gerenciar suas tags. Se você está completamente perdido, vai precisar da ajuda de alguém mais técnico.

Como o Gerenciador de tags do Google é diferente do Google Analytics?

O Gerenciador de tags do Google é uma ferramenta completamente diferente usada apenas para armazenar e gerenciar códigos de terceiros. Não há relatórios ou qualquer forma de fazer análises no GTM.

Exemplo de espaço de trabalho do Gerenciador de tags do Google

O Google Analytics é usado para relatórios e análises reais. Todas as metas ou filtros de rastreamento de conversão são gerenciados por meio do Google Analytics.

Todos os relatórios (relatórios de conversão, segmentos personalizados, vendas de comércio eletrônico, tempo na página, relatórios de engajamento etc.) são feitos no Google Analytics.

relatórios do google analytics

Quais são os benefícios do Gerenciador de tags do Google?

Depois de superar a curva de aprendizado, o que você pode fazer no Gerenciador de tags do Google é incrível. Você pode personalizar os dados que são enviados ao Analytics.

Você pode configurar e rastrear eventos básicos como downloads de PDF, cliques em links externos ou cliques em botões. Ou rastreamento complexo de produtos e promoções de comércio eletrônico aprimorado.

Digamos que queremos rastrear todos os links externos no site . No GTM, escolha o nome da categoria, a ação e o rótulo. Escolhemos link externo, clique e clique em URL.

No Google Analytics, vá para Comportamento > Eventos > Principais eventos > Link externo.

Agora selecione a ação ou o rótulo do evento para obter os relatórios completos. Os dados que configuramos no Gerenciador de tags do Google agora aparecem nos relatórios do Analytics. Legal!

Quer experimentar uma ferramenta gratuitamente? Você pode adicionar o código ao Tag Manager e testá-lo sem precisar envolver seus desenvolvedores.

Outras vantagens:

  • Isso pode ajudar seu site a carregar mais rápido, dependendo de quantas tags você estiver usando.
  • Funciona com produtos que não são do Google.
  • Flexibilidade para brincar e testar quase tudo o que você quiser.
  • Todo o código de terceiros está em um só lugar.
  • O GTM tem um modo de visualização e depuração para que você possa ver o que está funcionando e o que não está antes de fazer qualquer coisa ao vivo. Ele mostra quais tags estão disparando na página. Amo esse recurso!

Quais são as desvantagens?

1. Você deve ter algum conhecimento técnico , mesmo para a configuração básica.

Confira a documentação do Google sobre como configurar o Google Tag Manager. Depois de passar pelo “Guia de início rápido”, ele o levará a um guia do desenvolvedor. Não é um guia de marketing. Se você for um usuário iniciante, isso parecerá sem sentido.

2. É um investimento de tempo.

A menos que você seja um desenvolvedor experiente, precisará dedicar um tempo para pesquisa e teste. Mesmo que seja lendo algumas postagens de blog ou fazendo uma aula online.

3. Arranje tempo para solucionar problemas.

Muitas soluções de problemas ocorrem durante a configuração de tags, acionadores e variáveis. Especialmente se você não usa o Tag Manager regularmente, é muito fácil esquecer o que acabou de aprender. Para tags mais complexas, você provavelmente precisará de um desenvolvedor com conhecimento de como o site foi construído.

O que você pode rastrear no Google Tag Manager (GTM)?


“Um dos meus favoritos é o agrupamento de conteúdo no Google Analytics combinado com o Google Tag Manager. Permite definir grupos de conteúdo por Regras/Macros. Você pode ver quais elementos das postagens do seu blog (por exemplo, imagens, vídeos, tamanho, tamanho do título) levam a mais conversões, maior tempo na página, etc.Também o uso para rastreamento de vários domínios, rastreamento de interação social e cliques em números de telefone em dispositivos móveis. – Shanelle Mullin , líder de análise, Shopify

“ Muitas vezes, não basta saber que um download aconteceu, você quer saber o que foi baixado? De quais módulos de página? Qual CTA funcionou melhor?Enriquecer todos os cliques do usuário com metadados extras tornará todas as análises futuras mais claras. Além disso, você pode se beneficiar de automações analíticas como Clickvoyant. – Mia Umano, CEO e cofundadora, Clickvoyant

Estamos apenas arranhando a superfície do que você pode fazer no Google Tag Manager. As possibilidades parecem quase infinitas. Mas, como aponta Himanshu Sharma , quanto mais tags e fontes de dados você tiver, mais difícil será gerenciá-los.


“A felicidade que você obtém gerenciando todas as tags de um local central é de curta duração e o problema está ao virar da esquina. À medida que sua necessidade de integrar os dados do site com várias fontes de dados aumenta e se torna mais complexa, você rapidamente percebe como pode ser difícil criar e manter cada integração.”  – Himanshu Sharma, Optimize Smart

Sua vez. O que você acha do Gerenciador de tags do Google?

O Gerenciador de tags do Google pode definitivamente facilitar sua vida se você estiver disposto a aprender como ele funciona. Verifique se você está realmente usando os dados que está configurando no GTM. Caso contrário, qual é o ponto?

Estou curioso para saber sua experiência com o Gerenciador de tags do Google. Tem sido fácil ou difícil? Como você está usando isso em seu marketing?

7 Tags De Rastreamento Do Google Tag Manager “Obrigatórias”

Como você provavelmente sabe, o Gerenciador de tags do Google (GTM) simplifica a tarefa frequentemente difícil (mas necessária) de adicionar tags de rastreamento ao seu site.

Dentro do Gerenciador de tags, você encontrará mais de 70 modelos de tags pré-criados que você pode instalar e usar rapidamente para melhorar o rastreamento do site e a experiência do usuário.

Considerando todas essas opções, como você sabe quais tags você realmente PRECISA ter em seu site?

Curso de Google Tag Manager – GTM

Bem… com essa pergunta em mente, vou compartilhar minhas sete principais tags de rastreamento “obrigatórias”. Também detalharei por que cada uma dessas tags é essencial para atingir seus objetivos de marketing e aprimorar a experiência do usuário em seu website.

https://youtube.com/watch?v=qqSyE8Ow1D8%3Ffeature%3Doembed%26enablejsapi%3D1%26origin%3Dhttps%3A

Se você está apenas começando com o GTM e deseja entender o básico, consulte nosso Tutorial gratuito do Gerenciador de tags do Google em 4 partes . 

USE O GTM PARA TRAZER UMA “CENTELHA DE ALEGRIA” AO SEU SITE

Depois de aprender a usar o GTM, é fácil enlouquecer e marcar seu site com todos os scripts de rastreamento de snippet que você conseguir.

É por isso que neste post (e no vídeo acima), estamos adotando a abordagem Marie Kondo para o rastreamento de nosso site.

Concentre-se em adicionar as tags ao seu site que lhe dão uma “faísca de alegria”  (ou contribuem para aumentar seu ROI de marketing)… e deixe o resto de lado!

TAG GTM OBRIGATÓRIA Nº 1 – GOOGLE ANALYTICS (COM A VARIÁVEL DE CONFIGURAÇÕES)

Sem dúvida, a tag nº 1 da minha lista é o Google Analytics (GA). Sua tag do GA é a porta de entrada para uma grande quantidade de informações sobre os visitantes do seu site. Usando sua tag GA, você não apenas pode rastrear o tráfego do site e as visualizações de página …

Tag GTM universal do Google Analytics

O resultado final é que o GA é a tag de rastreamento mais versátil e valiosa que você pode adicionar ao seu site. E como há tantas maneiras diferentes de usar esse modelo de tag GTM, sempre recomendo configurar sua variável de configuração do Google Analytics. A variável de configuração é como um substituto para seu ID de rastreamento do Google Analytics.

Configurando sua variável de configurações do Google Analytics

Levar cinco minutos para configurar essa variável potencialmente economizará horas de marcação do seu site. Para uma explicação detalhada de como habilitar sua variável de configuração do GA, confira nosso Guia de instalação do GTM de 5 minutos .

Se você está procurando uma solução feita para você (DFY) para obter as tags GA mais valiosas em seu site, confira meu curso de domínio do gerenciador de tags . Dentro deste curso, você pode baixar nosso DFY GTM Container. Em seguida, você pode instalar esse contêiner em seu site em minutos, economizando dezenas de horas de trabalho.

MARCA GTM OBRIGATÓRIA Nº 2 – ANÁLISE DE MARKETING POR E-MAIL

Quase todas as plataformas de email marketing mostram quantas aberturas e cliques suas mensagens geram. Mas, o que acontece após o clique? Para coletar informações mais detalhadas sobre como seu tráfego de e-mail interage com seu site, você precisa instalar uma tag de rastreamento adicional de seu provedor de serviços de e-mail.

Adicionando sua tag de e-mail marketing no Gerenciador de tags do Google

Muitas plataformas de e-mail, como Convertkit  e Mailchimp, possuem plug-ins que o ajudarão a obter o código em seu site. No entanto, se você não conseguir instalar seu código de rastreamento de e-mail usando um plug-in, sempre poderá usar o GTM.

Esteja ciente de que você pode encontrar um pequeno obstáculo ao instalar seu código de rastreamento de e-mail no GTM. A maioria das plataformas de e-mail não possui um modelo de tag na Biblioteca GTM. Então, como você coloca essa tag no seu site?

Seguindo estes três passos relativamente simples:

  1.  Copie seu código de rastreamento do seu sistema de email marketing
  2.  Crie uma nova tag HTML personalizada no GTM
  3.  Instale essa tag em seu site usando o acionador de exibição de página definido para todas as páginas

TAG GTM OBRIGATÓRIA Nº 3 – PIXELS DE REMARKETING (GOOGLE ADS E FACEBOOK)

OK- Estou trapaceando um pouco aqui. Este é um twofer. Dito isso, o motivo pelo qual estou dobrando (ou dobrando para baixo) é que o remarketing é uma das atividades de ROI mais altas que você pode realizar.

a porta de entrada para o remarketing é o seu script de rastreamento.

Portanto, mesmo que você não esteja exibindo anúncios no momento, recomendo instalar seus pixels de remarketing para estar pronto quando for a hora certa.

Modelo de tag do Google Ads no GTM

Para instalar sua tag de remarketing do Google Ads, faça login em sua conta do Google Ads.

Navegue até suas origens de público. Selecione GTM como seu método de instalação para seu código de rastreamento.Tag de remarketing do Google Ads para GTM

Em seguida, copie seu ID de conversão e cole em seu modelo de tag de remarketing do Google Ads no GTM.

Remarketing de anúncios do Google no Gerenciador de tags do Google

Como de costume, certifique-se de visualizar e depurar sua tag antes de publicá-la.

Onde está o modelo de tag do Facebook no GTM?

NÃO há um modelo de tag nativa para anúncios do Facebook. (Embora eu tenha esperança de que talvez um dia desses o Google e o Facebook aprendam a compartilhar seus brinquedos um com o outro e finalmente teremos um modelo de tag de anúncios do Facebook) .

Mas até então, você deve instalar seu pixel do Facebook usando o modelo HTML personalizado (ou instalar um modelo da Galeria do Tag Manager ).

Adicionando o Pixel do Facebook no Google Tag Manager

Não ter um modelo de tag para o pixel do Facebook é um pouco inconveniente. Então você pode estar se perguntando: “Por que não instalo manualmente o código do pixel do Facebook no meu site?”

O motivo… Porque você também pode usar o GTM para coletar ainda mais dados para eventos de pixel do Facebook. A coleta de dados em eventos de pixel do Facebook permite que você execute segmentação e análise profundas ( aumento do ROI ) com seus públicos de remarketing.

Por exemplo, você pode criar públicos de remarketing do Facebook com base na rolagem da página, exibições de vídeo e muitas outras ações do visitante na página. E no Facebook-Speak , mais pontos de dados = melhor segmentação = melhor ROI.

Dentro do nosso programa Data Driven FB Ads Mastery , você pode obter acesso ao nosso contêiner de rastreamento de pixel do Facebook feito para você. Você pode conferir mais informações sobre este sistema de rastreamento de anúncios do Facebook plug-and-play aqui .

TAG GTM OBRIGATÓRIA Nº 4 – ANÁLISE DE VISITANTES (LEADFEEDER)

Nossa tag nº 1 “obrigatória”, Google Analytics, é ótima para rastrear ações agregadas, como exibições de página, cliques de botão, etc.

No entanto, e se você quiser saber “Quem está” acessando seu site? Minha ferramenta recomendada para esse tipo de rastreamento é o Leadfeeder .

Adicionando Leadfeeder ao seu site no GTM

O Leadfeeder não apenas enviará dados sobre quem visitou seu site, mas também mostrará para qual empresa seu visitante trabalha. Esse tipo de dado é altamente valioso para campanhas de marketing e vendas B2B.

Instalando a tag de rastreamento Leadfeeder usando o Gerenciador de tags do Google

No momento, Leadfeader não possui um modelo de tag no GTM. Portanto, você precisará usar uma tag HTML personalizada no GTM para adicionar seu código de rastreamento Leadfeeder ao seu site . (Para ver como instalo esse código usando o GTM, assista ao vídeo no início deste post).

MARCA GTM OBRIGATÓRIA Nº 5 – RASTREAMENTO DO COMPORTAMENTO DO CLIENTE (COMO HOTJAR OU CRAZY EGG)

Se você deseja obter acesso a relatórios de otimização de conversão, como mapas de calor ou gravações de página, tanto o Crazy Egg quanto o Hotjar fornecem esse tipo de dados. Além disso, ambos os produtos têm modelos de tags no GTM. Portanto, tudo o que você precisa fazer para configurar essas ferramentas usando o GTM é inserir o ID da sua conta, definir o acionador de visualização da página, publicar sua tag… e você está pronto para começar a rastrear!

Crazy Egg Tag no Google Tag Manager

MARCA GTM OBRIGATÓRIA Nº 6 – VISUALIZAÇÕES DE VÍDEOS DO YOUTUBE

O GTM oferece um gatilho de tag pré-criado para rastrear os vídeos do YouTube que você incorpora em seu site.

Você pode usar esse gatilho para rastrear como os visitantes interagem com seus vídeos. Por exemplo, você pode coletar dados sobre reproduções e conclusões de vídeos, bem como a porcentagem de seu vídeo que foi visualizado. Em seguida, você pode analisar esses dados no Google Analytics juntamente com outras métricas importantes, como tempo no site, conversões ou valor da página.

Se estiver usando o Google Analytics 4, você também pode usar o recurso de medição aprimorada sobre o qual falamos em nosso guia para iniciantes sobre rastreamento de cliques do GA4 .

Gatilho do YouTube no GTM

DEVE TER A TAG GTM Nº 7 – ENGAJAMENTO DO CLIENTE/BEACONS DE SUPORTE TÉCNICO

Uma das melhores maneiras de melhorar o envolvimento do cliente é dar aos visitantes do seu site acesso ao suporte usando um beacon de help desk ou um aplicativo de mensagens.

Nossa ferramenta de suporte ao cliente preferida na Data Driven é o Help Scout . E sim, você pode definir e controlar onde no seu site o Help Scout é exibido usando o GTM.

Para configurar o Help Scout usando o GTM, você precisará seguir as etapas descritas para instalar uma tag HTML personalizada. Em seguida, você pode usar as configurações lógicas em seu acionador de exibição de página para controlar onde seu beacon de suporte é exibido.

Ajude a tag Scout no GTM

MORTALTAGS GTM ESSENCIAIS

Existem potencialmente centenas de scripts de rastreamento que você pode adicionar ao seu site com apenas alguns cliques de botão no GTM.

Minha recomendação é focar em adicionar tags ao seu site que tragam alegria para você (e para sua empresa)!

Embora nem toda plataforma de marketing vital para sua organização tenha um modelo de tag GTM, quase sempre é possível adicionar seu código ao site usando o modelo HTML personalizado do GTM.

E com a primavera no ar… agora é um ótimo momento para limpar o código de rastreamento do seu site e começar do zero usando o GTM!

Principais dicas de otimização do Google Tag Manager

Bem-vindo de volta, Tag Master. Esperamos que você tenha a chance de assistir à primeira parte desta série de duas partes sobre as otimizações do Gerenciador de tags do Google (GTM), mas, se você perdeu, confira aqui primeiro e depois volte. Não se preocupe, eu vou esperar.

Então, esse foi um bom dia para a remoção da dívida de tecnologia e otimização do contêiner GTM. Palavras que eu posso dizer apenas fazem os cabelos da sua nuca se arrepiarem.

Curso de Google Tag Manager – GTM

O objetivo desta série é inspirá-lo com maneiras de otimizar seus contêineres GTM usando menos código. Isso mesmo, menos código. Você deve estar se perguntando, isso é um problema? Em nossa experiência, sim, vemos códigos desnecessários sendo usados ​​o tempo todo porque as pessoas muitas vezes não têm conhecimento de todas as coisas que o GTM pode fazer imediatamente.

Um dos motivos é que o GTM adicionou novos recursos ao longo dos anos, portanto, algumas dessas opções podem não estar disponíveis para você no passado ou para seu predecessor de quem você herdou sua implementação. Descobrimos que muitos códigos hoje em dia podem ser substituídos por soluções mais seguras e limpas usando os recursos integrados frequentemente negligenciados do GTM.

Usar muito código pode causar todos os tipos de problemas, na maioria das vezes na forma de erros de JavaScript que não apenas colocam em risco a qualidade dos seus dados, mas também a funcionalidade do seu site.

Além disso, é mais difícil para você! Você tem que fazer mais garantia de qualidade (QA) do que é realmente necessário, é mais difícil para seus colegas ou sucessores entenderem e você precisa escrever mais documentação.

Temos mais algumas dicas que, com sorte, facilitarão sua vida, reduzirão os riscos e simplificarão o controle de qualidade. Aproveitar!

Parar de implementar tags de imagem usando o modelo HTML personalizado

Se você leu este cabeçalho e pensou “Mas eu não faço isso”, parabéns! Esta dica provavelmente não é muito útil, no entanto, existem algumas pessoas que fazem o impensável e colam tags de imagem nas tags HTML personalizadas. Eu sei, também dói em mim.

Se você ainda está lendo esta dica, é provável que já tenha feito isso. Não se preocupe, não estou com raiva, apenas desapontado. Vamos colocá-lo até a velocidade.

Acho que o que confunde a maioria das pessoas sobre tags de imagem é quando elas precisam preencher parâmetros dinâmicos e personalizados na URL, então eles vão direto para a tag HTML personalizada porque sabem que podem escrever lógica personalizada lá e declarar variáveis ​​e construir o URL dinamicamente.

Mas a tag de imagem personalizada é superfácil de usar e pode fazer exatamente isso. Em um nível básico, você pode criar sua tag de imagem e preencher parâmetros com suas variáveis ​​GTM. Vamos dar uma olhada em um exemplo para a promissora plataforma de anúncios DoubleClick:

//doubleclick.net/pagead/viewthroughconversion/123451234/?containerTagId=39229&cid=1562537&type=424348&amount=0&event={{eventname}}&country={{Pesquisa – País}}

Além disso, se você precisar obter algo de um cookie ou armazenamento local, se estiver definido em tempo real, poderá fazer isso criando o URL em uma variável JavaScript personalizada e adicionando-o como um parâmetro à tag de imagem personalizada. Vamos voltar ao DoubleClick para outro exemplo:

captura de tela da configuração variável com javascript personalizado

No exemplo acima, estou verificando uma entrada em localStorage e criando um parâmetro que é anexado ao URL da imagem. Poderíamos então usar isso na tag de imagem personalizada para criar nosso URL final.

Isso pode não parecer uma vantagem em relação ao uso da tag HTML personalizada, mas na verdade é porque as variáveis ​​JavaScript personalizadas definem corretamente o escopo de todas as variáveis ​​que você pode definir e lidam melhor com os erros.

captura de tela da configuração da tag

No geral, porém, sempre que for solicitado a implementar uma tag, você deve sempre tentar usar o modelo de imagem personalizada em vez do modelo HTML personalizado.

Use elementos DOM em vez de consultar o documento em JavaScript personalizado

Quando um colega de equipe me mostrou esse pequeno truque, fiquei maravilhado. Gastei boa parte do meu tempo na implementação extraindo strings do Document Object Model (DOM) para fornecedores ou análises usando JavaScript personalizado, mas o GTM tem uma solução simples integrada.

O elemento DOM de tipo variável pode resolver (a maioria) seus problemas quando se trata de extrair dados do DOM. Pode ser um pouco meticuloso às vezes, mas o que não é quando se trata de raspagem de DOM?

Aqui está um bom exemplo de como extraímos um ID exclusivo da página no passado quando ele não estava disponível na camada de dados.

A maior coisa a observar ao usar esse método é que, embora o campo Nome do atributo possa ser deixado em branco para capturar o texto do elemento DOM, em minha experiência é melhor definir o campo Nome do atributo como ‘conteúdo’, que geralmente é um atributo.

captura de tela do gerenciador de tags do Google usando o elemento DOM

Usar variáveis ​​de evento automático

Variáveis ​​de evento automático (AEVs) são um dos recursos mais legais do GTM sobre os quais não ouço muitas pessoas falando.

Algumas das variáveis ​​incorporadas populares do GTM são, elas próprias, variáveis ​​de evento automático. Coisas como:

  • ID do clique
  • Clique no elemento
  • Clique em Aulas

O AEV sempre fornece um valor baseado no elemento de destino atual – o elemento que está sendo clicado, por exemplo. Isso é bem diferente da variável DOM, que fornecerá a você o valor de um elemento específico na página, esteja ele sendo direcionado ou não por algum comportamento do usuário.

O melhor é que você pode definir variáveis ​​de evento automático personalizadas e obter parâmetros personalizados dos elementos que estão sendo direcionados. O GTM fornece os atributos HTML padrão, como ID e classes, mas e se seus desenvolvedores adicionaram dados ao DOM usando atributos HTML personalizados, como data-product-id ou data-navigation?

Vá em frente e crie uma nova variável, escolha o modelo Auto-Event Variable, altere o tipo de variável para Element Attribute e insira o nome do atributo que deseja obter:

Já vi isso ser usado quando você precisa obter o ID do produto que está sendo clicado e não tem esses dados disponíveis na camada de dados. Obviamente, este seria um último recurso. Você deve tentar fazer com que seus desenvolvedores enviem um evento de clique para a camada de dados para você com esses dados anexados, mas, infelizmente, a vida muitas vezes não é tão simples e temos que fazer algumas coisas feias.

Use variáveis ​​JavaScript para obter itens do LocalStorage

O uso de variáveis ​​mantidas em localStorage é uma prática frequentemente usada para ajudar a manter alguns dados de sessão disponíveis para análises quando a camada de dados não pode fazer o trabalho. Às vezes, podem ser coisas bastante simples: um usuário fez login? O carrinho já foi aberto?

É aceitável escrever um pouco de JavaScript para obter essas informações. Na verdade, a maioria dos conselhos que vejo é escrever uma variável JavaScript personalizada para retornar essas informações, mas a variável JavaScript da variável GTM incorporada pode fazer o trabalho pesado para nós e economizar algumas linhas de código.

Aqui está um bom exemplo de obtenção do valor do item localStorage “cartOpened”, que informa true ou false.

Isso pode ser usado em conjunto com o Adobe Analytics para descobrir quando o Open deve ser acionado, por exemplo, ou o mesmo em vários fornecedores diferentes.

Se você estiver usando Document.location, você está fazendo isso errado

Document.location é uma ótima ferramenta para manter à mão. Já vi muitas pessoas usá-lo para capturar partes do URL ou combinações que fornecedores ou clientes específicos precisam para parâmetros, mas há um método mais limpo e sem código que você pode utilizar facilmente no GTM.

captura de tela da extensão de nome de arquivo em gtm

A variável URL divide todas as partes individuais da URL visível, bem como a porta. Meu conselho é criar variáveis ​​individuais para cada um desses itens e, em seguida, criar combinações de partes da URL para facilitar o uso, como caminho + string de consulta em uma variável constante.

Suspeito que esta dica não vá impressioná-lo, mas ter isso em uma variável interna e sem código é mais limpo e evita a necessidade de variáveis ​​JavaScript personalizadas desnecessárias.

Comece a otimizar seu

E é isso. Esperamos que você tenha gostado desta pequena série sobre otimizações do GTM e aprendido pelo menos uma dica — algo que você não sabia que o GTM poderia fazer e que fornece uma solução simples e elegante para algo para o qual você normalmente escreveria um código.

Para aqueles de nós que gostam de escrever código, eu entendo. Às vezes é mais fácil e divertido criar um pedaço de código para fazer esse trabalho ou passar algum tempo aprendendo como resolver esse problema com o código. A longo prazo, se você usar todos os recursos integrados do GTM a seu favor, terá menos erros, terá que fazer menos controle de qualidade e terá uma implementação mais limpa e organizada que pode ser facilmente captada pelo azarado ( ou sortudo neste caso) alma para herdar sua implementação depois que você se for.

E para aqueles que não gostam de escrever código ou talvez estejam lutando com uma implementação herdada que o usa muito, realmente esperamos que isso ajude você a resolver alguns dos desafios de coleta de dados que você tem de uma maneira simples.

Práticas recomendadas do Google Tag Manager: 25 dicas

O Google Tag Manager (GTM) é uma ferramenta poderosa que permite adicionar e editar códigos de rastreamento (tags) sem muita intervenção do departamento de TI (embora existam algumas nuances e o clássico “depende” desempenha um grande papel aqui). De qualquer forma, é muito mais conveniente controlar todas as suas tags em um painel, em vez de dispersá-las pelo código-fonte do seu site.

Mas criar e gerenciar tags, gatilhos e variáveis ​​dentro do GTM ainda requer certas habilidades. Se você não tem certeza de como usar o GTM da melhor forma, pode acabar com uma verdadeira bagunça em sua conta ou, na pior das hipóteses, pode acabar quebrando a funcionalidade do site e causando prejuízos financeiros significativos ao seu cliente/empresa.

Curso de Google Tag Manager – GTM

Para mostrar a direção certa, aqui estão algumas práticas recomendadas do Gerenciador de tags do Google que você deve começar a seguir imediatamente.

Obviamente, esta não é uma lista definitiva (ou o que quer que seja) e nunca será. Mas eu só espero que alguns dos itens da lista lhe dêem ideias/inspiração para sua próxima tarefa/projeto com GTM.

Práticas recomendadas do Gerenciador de tags do Google:

#1. Planeje antes da implementação

Quando você começar a trabalhar em um novo projeto, não se apresse em implementar cegamente várias técnicas de rastreamento. Em vez disso, prepare um plano de medição e um plano de implementação de tags.

Primeiro, comece identificando os objetivos de negócios. Quais são os principais objetivos do negócio? Se você estiver trabalhando no rastreamento do site, tente identificar quais desses objetivos de negócios um site ajudará a alcançar?

Por exemplo, um dos principais objetivos do negócio será (obviamente) aumentar a receita. Se o site for um site de comércio eletrônico, obviamente, a principal coisa que deve ser rastreada são as compras.

Em seguida, identifique que tipo de eventos/interações menores levam seus usuários/visitantes a esse objetivo principal (compra). Pode ser “adicionar ao carrinho”, “iniciar checkout”, “assinar newsletter”, etc.

Ao preparar a lista de eventos, seu plano de medição começará a se materializar. E é aí que você pode começar a preparar uma lista de tags que você vai implementar no Google Tag Manager. Prepare uma planilha com todas as tags e suas configurações que você vai implementar.

Com este tipo de planilha, você começará a ver o que vai precisar de seus desenvolvedores, quais serão os nomes dos eventos, etc. Isso também ajudará você a criar uma convenção de nomenclatura sólida (mais sobre isso, um pouco mais tarde ).

#2. Estrutura e propriedade da conta/contêiner

O Gerenciador de tags do Google é feito de contas e contêineres. A ideia aqui é um pouco semelhante à estrutura da conta do Google Analytics – uma conta contém muitos contêineres (no GA é propriedade). Cada contêiner possui seu próprio código Javascript que deve ser colocado no código-fonte de um site.

O Google recomenda usar apenas uma conta por empresa e uma tag de contêiner por site. No entanto, às vezes ainda vejo instalações em que várias contas GTM foram criadas apenas para uma empresa ou várias tags de contêiner apenas para um site. Várias contas/contêineres GTM podem causar problemas de rastreamento e diagnóstico mais cedo ou mais tarde.

Além disso, o gerenciamento de tags, gatilhos e variáveis ​​espalhadas por várias contas/contêineres pode se tornar um pesadelo à medida que sua conta cresce. Use apenas uma conta GTM por empresa e uma tag de contêiner por site.

Claro, pode haver algumas exceções, por exemplo, dois sites (devido à sua significativa semelhança) podem usar o mesmo código de contêiner GTM. Mas, neste caso, você terá que ter muito cuidado ao configurar gatilhos apenas em um site.

Quanto aos contêineres, você deve estar se perguntando de quantos contêineres você precisa? A resposta é “depende” e este artigo explica tudo o que você precisa saber.

Outra coisa importante:  é uma prática ruim para as agências digitais criar contêineres GTM para seus clientes em uma única conta GTM da agência. O cliente SEMPRE deve possuir o contêiner. A agência deve pedir ao cliente para criar a conta e o container, ou a agência cria uma conta separada + o container e dá  permissões de administrador ao cliente. Já vi alguns casos desagradáveis ​​em que as agências simplesmente bloqueiam o cliente do contêiner GTM quando o cliente deseja encerrar o relacionamento.

#3. Use convenções de nomenclatura adequadas

Não consigo enfatizar o suficiente sobre a importância dessa prática recomendada do Gerenciador de tags do Google para mim.

Se você já usou o GTM de verdade, pode ter descoberto que o número de tags, gatilhos e variáveis ​​pode crescer muito rapidamente e se tornar uma bagunça difícil de gerenciar. Portanto, você deve usar diretrizes de nomenclatura claras que o ajudarão a gerenciar sua implementação do GTM com muito mais facilidade. Mais fácil para você e seus colegas de equipe. Mais fácil = menos risco, menos tempo e menos dinheiro desperdiçado na marcação. Caso contrário, isso acontecerá:

Gerenciador de tags do Google com 100 tags

O autor desta imagem é desconhecido para mim (não consegui encontrá-lo). Lembro-me de vê-lo na comunidade GTM do Google+ e recriá-lo da minha memória.

Melhores dicas para nomear tags, gatilhos e variáveis:

  • Inclua o tipo de rastreamento se estiver criando tags do Google Analytics. Por exemplo, você pode ter “Evento”, “Config” no nome da tag. Para tags do Google Ads, você pode ter o tipo de tag, como conversão ou remarketing, no nome.
  • Inclua páginas específicas. Se uma tag precisar ser disparada em uma página específica ou em um conjunto de páginas (como um subdiretório), inclua a página/subdiretório no nome da tag. Exemplos:
    • Evento GA4 – generate_lead – formulário de contato.
    • Google Ads Remarketing – página de agradecimento.

#4. Dê o controle do GTM apenas para as pessoas certas

O gerenciador de tags do Google é uma ferramenta muito poderosa e, se usado de forma irresponsável ou sem reflexão, planejamento e teste adequados, pode interromper a funcionalidade do site. Portanto, você deve limitar o acesso a essa ferramenta apenas àqueles que estão realmente envolvidos na implantação de tags.

O GTM permite que você delegue acesso a outros usuários no nível da conta e do contêiner. Os usuários podem receber a capacidade de visualizar ou administrar outros usuários no nível da Conta e podem receber direitos de leitura, edição, aprovação ou publicação no nível do Contêiner.

Gerenciamento de usuários - Gerenciador de tags do Google

Para adicionar ou modificar usuários, clique em Admin na barra de menus do Gerenciador de tags, escolha uma conta ou container que você precisa e clique em “Gerenciamento de usuários”. Crie um novo usuário ou edite um existente. Existem 4 níveis de permissões possíveis aos quais cada usuário pode ter acesso:

  • Ler : o usuário verá o contêiner listado e poderá navegar pelas tags, acionadores e variáveis ​​no contêiner, mas não poderá fazer nenhuma alteração.
  • Editar : o usuário tem o direito de criar espaços de trabalho e fazer edições, mas não de criar versões ou publicar.
  • Aprovar : o usuário tem o direito de criar versões, espaços de trabalho e fazer edições, mas não publicar.
  • Publicar : o usuário tem direitos totais para criar versões, espaços de trabalho, fazer edições e publicar.

Dica – dê permissão de “Publicar” apenas para os membros da equipe que conhecem o GTM melhor em sua equipe.

#5. Aproveite os espaços de trabalho

Esta prática recomendada do Gerenciador de tags do Google é especialmente útil para equipes maiores. No GTM, os espaços de trabalho permitem que você crie vários e diferentes conjuntos de alterações em seu contêiner. Diferentes usuários e equipes podem trabalhar nesses conjuntos de alterações em espaços de trabalho separados ao mesmo tempo  para desenvolver e testar configurações de tags de forma independente.

Com o Workspaces, você trabalhará com vários rascunhos de contêiner. Em essência, quando um espaço de trabalho é criado, um novo rascunho de contêiner é separado da versão mais recente do contêiner GTM e se torna seu novo espaço de trabalho.

Cada contêiner tem um fluxo de versões. Quando uma nova versão é criada, cada área de trabalho exibirá uma notificação de que a área de trabalho está desatualizada, com um prompt para atualizar a área de trabalho.

Quando outro espaço de trabalho for transformado em uma versão, todos os outros espaços de trabalho receberão uma notificação de que a versão mais recente do contêiner foi alterada. Quaisquer alterações implementadas nesta nova versão do contêiner precisam ser sincronizadas com todos os outros espaços de trabalho antes que possam ser transformadas em novas versões.

Você não precisa fazer isso imediatamente, mas verá a notificação na visão geral do contêiner lembrando que você precisa atualizar o espaço de trabalho atual com alterações na versão mais recente do contêiner.

O espaço de trabalho deve ser atualizado antes de criar uma versão e publicar a partir dela. Se houver algum conflito entre as alterações sincronizadas com seu espaço de trabalho durante a atualização e qualquer uma das alterações já existentes em seu espaço de trabalho, você verá uma indicação de “Conflito encontrado” na página Visão geral do espaço de trabalho. Selecionar para resolver os conflitos o levará a uma ferramenta de resolução de conflitos.

#6. Usar variável de configurações do GA

Esta dica se aplica ao Universal Analytics (GA3). Se você usa o Gerenciador de tags do Google e o Google Analytics, já sabe que cada nova tag de análise criada requer o ID de propriedade do Google Analytics (também conhecido como ID de rastreamento), por exemplo, UA-XXXX123 e outras configurações. Se você estiver criando várias tags, isso pode ser um problema e também pode levar a possíveis erros de digitação/erros que farão com que suas tags falhem mais tarde, pois você não enviará dados para as contas GA corretas.

E o que você fará se um dia precisar trocar sua conta do Google Analytics e começar a enviar dados para a nova? Bem, você precisará alterar manualmente o ID de rastreamento em cada tag do GA. E isso é péssimo…

Você sabia que o Gerenciador de tags do Google pode lembrar seu ID de rastreamento do Google Analytics (e outras configurações) para você? Fazer isso economiza tempo, energia e valor. Para fazer isso, você precisará criar uma variável de configurações do Google Analytics e reutilizá-la em várias tags do Google Analytics.

#7. Considere o uso de variáveis ​​constantes

A variável de configurações do GA no Universal Analytics economiza muito tempo. No entanto, a maioria das outras tags (se não todas) no GTM não suporta esse tipo de configuração. Isso significa que você ainda precisará configurar itens individualmente, como IDs de rastreamento e algumas outras configurações.

Por exemplo, se você estiver usando o modelo de tag de pixel do Facebook do facebookincubator no GTM, precisará inserir o mesmo ID de rastreamento em cada tag de pixel do FB. Imagine o que aconteceria se você tivesse 30 tags de pixel FB e um dia precisasse alterar o ID do pixel de X para Y.

Você precisaria passar por cada tag de pixel do FB e substituí-la manualmente. Não é muito ideal e há algum espaço para erros humanos.

Felizmente, você pode usar uma coisa chamada Constant Variables no GTM. Vá para Variáveis ​​> Novo > Constante .

Aqui você verá apenas um campo. Vamos continuar com nosso exemplo de ID de pixel do Facebook. Aqui eu poderia colar o ID do meu Pixel e salvar a variável.

Agora, posso usar essa variável em todas as tags do FB Pixel.

E se futuramente eu precisar alterar o ID, terei que alterar apenas uma vez, na variável constante. Então, todas as tags FB Pixel que usam essa variável herdarão automaticamente a alteração.

#8. Usar tabelas de pesquisa/regex

Uma tabela de pesquisa no Gerenciador de tags do Google torna muito mais simples gerenciar muitos valores em sua configuração de rastreamento. Ele pode reduzir drasticamente o número de tags necessárias e transformar seu GTM bagunçado em um ambiente organizado.

Uma tabela de pesquisa no Google Tag Manager é uma variável que tem o valor de outra variável como entrada. Funciona assim: Quando [variável de entrada] for igual a _______, defina [esta variável de saída] como _______.

Tabela de pesquisa do gerenciador de tags do Google

O caso de uso mais popular da minha experiência:  diferentes IDs de rastreamento do Google Analytics – um para o site de produção (ao vivo) e o outro – para a versão de desenvolvimento. Dessa forma, todas as visualizações de página do site de “desenvolvimento” serão enviadas para minha conta de teste do GA e não afetarão meus dados de rastreamento reais:

  • Se  o nome do host da página for igual a  https://www.analyticsmania.com,  defina  o valor da tabela de pesquisa  como UA-11111111.
  • Se o nome do host da página for igual a https://dev.analyticsmania.com , defina  o valor da tabela de pesquisa como UA-22222222.

Você pode ler este tutorial Tabela de consulta para saber mais.

GTM também oferece tabelas Regex . Eles funcionam como tabelas de pesquisa + cada campo suporta expressões regulares (condições mais complexas, mas também mais poderosas).

#9. Se possível, use modelos personalizados

Com o surgimento de modelos personalizados no Gerenciador de tags do Google e na galeria da comunidade , mais e mais pessoas estão criando e compartilhando modelos prontos. Eles são mais fáceis de usar do que apenas editar códigos JavaScript simples e não são tão prejudiciais quanto a tag HTML personalizada ou a variável JS personalizada.

Como muitos usuários do GTM não são proficientes em JavaScript, os modelos podem ser óbvios. Além disso, eles são projetados de forma que possam funcionar  melhor com a Política de segurança de conteúdo (CSP) do seu site.

Resumindo, o CSP é uma maneira de os desenvolvedores de sites limitarem algumas coisas prejudiciais que o JavaScript pode fazer em um site. Com os modelos personalizados, os desenvolvedores de sites ainda podem manter algumas limitações intactas enquanto você pode usar modelos personalizados no GTM. Isso também é mencionado brevemente aqui .

#10. Marcação do lado do servidor

Com o cenário em constante mudança da análise digital, mais e mais empresas estão migrando para soluções do lado do servidor que oferecem mais controle sobre quais dados são compartilhados com fornecedores terceirizados e aumentam a precisão dos dados coletados por sua empresa.

Em 2020, o Gerenciador de tags do Google também se juntou a esse movimento e introduziu a marcação do lado do servidor. Você pode aprender mais sobre isso aqui .

Isso não é para todas as empresas (porque incorre em custos mensais adicionais que podem ser muito grandes para pequenas empresas), mas os benefícios superam em muito as desvantagens.

E se você quiser se aprofundar e implementar não apenas o GA4, mas também a API de conversões do Facebook, inscreva-se no meu curso GTM intermediário/avançado .

#11. Consulte os desenvolvedores antes de usar códigos Javascript desconhecidos

Se você encontrar um código personalizado possivelmente útil em alguns sites, recomendo consultar um desenvolvedor (se possível) antes de usá-lo.

Mesmo que o código seja fornecido por uma fonte conhecida e respeitada.

Porque? Porque os códigos personalizados que você implementa por meio da tag HTML personalizada (ou algo semelhante) podem prejudicar o site. Já vi casos em que a equipe de marketing adiciona alguns códigos (sem testá-los adequadamente) e interrompe temporariamente o site, resultando em milhares de dólares em receita perdida.

Como resultado, essa equipe de marketing perdeu a permissão para publicar as alterações do contêiner GTM. Com grande poder/flexibilidade, vem uma grande responsabilidade. E nem todo mundo está ciente disso.

#12. Utilizar Camada de Dados

A camada de dados do Gerenciador de tags do Google é incrivelmente útil quando se trata de dados e acionadores personalizados. Embora seja um conceito bastante difícil de dominar para iniciantes, é uma das partes principais do gerenciamento de tags. Então, quer você goste ou não, você terá que entendê-lo.

Se você deseja rastrear certas partes/recursos do seu site e os ouvintes de eventos automáticos GTM padrão não detectam nenhuma interação, minha recomendação seria utilizar o Data Layer.

Basta pedir aos seus desenvolvedores para colocar os dados que você deseja na camada de dados, então o Google Tag Manager irá acessá-los facilmente e usá-los em gatilhos, tags ou variáveis. Não sabe como solicitar dados aos desenvolvedores na camada de dados? Eu explico isso aqui .

Exemplos mais comuns de onde o uso de Data Layer é altamente recomendado:

  • Rastreamento de Formulário . Se os acionadores de formulário GTM não detectarem os envios do seu formulário, peça a um desenvolvedor para disparar o evento dataLayer.push com os dados de seu interesse. Publiquei um guia passo a passo detalhado sobre como rastrear envios de formulário com Data Layer . Se você gosta de rastreamento de formulários com GTM, considere ler meu guia estendido de métodos de rastreamento de formulários com o Google Tag Manager .
  • Passando dados de comércio eletrônico de uma loja online . Se você planeja rastrear as transações de comércio eletrônico do Google Analytics com o Gerenciador de tags do Google, seus desenvolvedores precisarão enviar os dados da transação para a camada de dados (por exemplo, ID do produto, preço etc.) usando o mesmo  método dataLayer.push  .

Também escrevi uma postagem abrangente sobre o que é a camada de dados no Gerenciador de tags do Google  e como ela funciona.

#13. Se desenvolvedores/CTO versus gerentes de tags

Não é novidade que em algumas empresas o departamento de TI é estritamente contra os Tag Managers. Afinal, eles podem ser usados ​​para injetar scripts e, de fato, afetar o desempenho e a segurança dos sites.

Como resultado, o departamento de TI simplesmente rejeita qualquer coisa relacionada a esse tópico e à implementação do GTM.

No entanto, o que eles geralmente não sabem é que o Google Tag Manager oferece um conjunto de recursos que permitem que o departamento de TI tenha muito controle e limite o que a equipe de marketing/análise pode fazer. Mas, ao mesmo tempo, a equipe de marketing/análise ainda pode fazer muito do trabalho normal sem comprometer a segurança.

Por exemplo, o departamento de TI pode impedir automaticamente que os profissionais de marketing implementem tags HTML personalizadas e permitir o uso apenas do Google Analytics, Google Ads e algumas outras tags. Isso pode ser feito com a lista de permissões/lista de bloqueios .

Deseja implementar uma configuração de marcação do lado do servidor? Seus desenvolvedores podem configurar políticas para permitir apenas determinadas ações.

E essas são apenas algumas das coisas que o departamento de TI pode controlar.

Sim, isso apresenta mais limitações para o pessoal de marketing/análise, mas ainda é muito melhor do que não ter nenhum GTM.

#14. Peça a um desenvolvedor para adicionar o prefixo “data-” a elementos importantes do site

Se possível, peça aos desenvolvedores para adicionar informações adicionais e úteis ao código-fonte do seu site – por exemplo, id ou   “data-id=xyz” para elementos que você precisa identificar para rastreamento. Deixe-me mostrar-lhe um exemplo:

Eu trabalhava em uma startup chamada Omnisend. Oferecemos uma solução de e-mail marketing que pode ser facilmente integrada com plataformas populares de e-commerce (Shopify, Bigcommerce, etc.). Na versão mais antiga do nosso  site , exibimos vários logotipos de fornecedores de comércio eletrônico (nós os chamamos de plataformas ). Alguns logotipos redirecionaram nossos visitantes para lojas de aplicativos (onde eles podem instalar o Omnisend).

Então, eu estava interessado em saber quais fornecedores são os mais populares entre os visitantes do nosso site. Pedi a um desenvolvedor para adicionar  o atributo de plataforma de dados a cada logotipo e, com a ajuda da variável de evento automático, poderia passar esses dados para o Google Analytics.

Inspecione o logotipo da shopify

Escrevi um guia passo a passo detalhado sobre como passei “plataforma de dados” para o GA com a ajuda de Auto-Event Variable .

#15. Peça a um desenvolvedor para adicionar IDs a elementos importantes do site

Essa dica é útil quando você tem vários botões de chamada para ação na mesma página, mas em locais diferentes. Todos eles têm a mesma classe CSS e URL de destino. Você deseja rastreá-los separadamente no Google Analytics. O que você deve fazer aqui?

Peça a um desenvolvedor para adicionar IDs a cada botão, por exemplo:

// ID do primeiro botão é "menu-button"
<a class="button" id="menu-button">https://www.example.com</a>

// ID do segundo botão é "footer-button"
<a class="button" id="footer-button">https://www.example.com</a>

Em seguida, no GTM, habilite a variável integrada “Click ID”. Após um clique, na guia Variáveis ​​do console de visualização e depuração, você verá que o ID do clique é igual ao ID do “botão de menu” ou do “botão de rodapé”.

Você pode nomear o ID como quiser. Apenas certifique-se de que cada ID deve ser exclusivo por página da web.

#16. Fique de olho no desempenho da velocidade da página

Quando você começou a usar o Gerenciador de tags do Google, provavelmente viu declarações como “Gerenciador de tags do Google otimiza a velocidade de carregamento da página”.

A realidade é – “depende”. Eu fiz vários testes e vi algumas melhorias quando você compara trechos de rastreamento codificados (adicionados diretamente ao site) versus tags adicionadas ao GTM.

No entanto, cada código adicionado a um site afeta negativamente a velocidade de carregamento da página. Portanto, se você adicionar vários pixels diferentes, como Facebook Pixel, GA3, GA4, Reddit Pixel, Quora Pixel, Linkedin insight tag e várias outras coisas, o tempo de carregamento da página aumentará MUITO.

Então, depois de adicionar algumas novas tags, é uma prática muito boa dar uma olhada na velocidade da sua página. Na verdade, você deve executar vários testes antes de adicionar os códigos e depois compará-los com o que acontece depois de publicar suas alterações.

Publiquei um artigo sobre  GTM vs Pagespeed , então dê uma olhada lá.

#17. Sempre teste antes de publicar

Isso parece óbvio, mas às vezes ainda estamos fazendo isso (quando a mudança é muito pequena e estamos com pressa). Não deve haver desculpa para isso!

Independentemente de qual alteração foi confirmada no contêiner GTM, ela sempre deve ser testada . O GTM oferece um ótimo modo de visualização e depuração , existem outras ferramentas de depuração que ajudam você a testar e detectar rapidamente os bugs. Usa-os!

Falando em ferramentas de depuração, vamos para a próxima dica.

#18. Usar ferramentas de depuração

O GA debugger  e o  Data Layer Inspector  estão entre as ferramentas de depuração mais populares que você deve conhecer. Ambas são extensões gratuitas do Google Chrome que tornarão sua vida muito mais fácil.

O Data Layer Inspector  é como um canivete suíço que adiciona informações adicionais ao console do navegador, também permite injetar temporariamente o contêiner GTM em qualquer site, depurar outras ferramentas analíticas (incluindo configuração do lado do servidor) etc.  Saiba mais aqui .

Quanto ao  depurador GA , quando se trata de rastreamento de comércio eletrônico avançado, o  depurador GA  é insubstituível para mim (junto com o  depurador GTM/GA ). Quando ativado, ele exibe todos os dados que são passados ​​para o Google Analytics, portanto, posso solucionar problemas com muito mais rapidez.

#19. Verifique relatórios em tempo real, exibições de depuração, etc.

Já vi muitos iniciantes não verificando seus relatórios GA em tempo real ou GA4 DebugView depois de implementarem o rastreamento do Google Analytics via GTM. Eles tinham uma falsa percepção de que, uma vez que a tag do GA fosse acionada (de acordo com o console de visualização e depuração), sua tarefa estava concluída.

Mas isso estava muito longe da verdade porque, em alguns casos, eles enviavam dados acidentalmente para a propriedade errada do Google Analytics. A verificação constante de relatórios em tempo real evita esse problema. E em outros casos, eles não estavam vendo nenhum dado (devido à configuração incorreta do filtro no GA).

erros comuns do gerenciador de tags do Google - ga realtime

Se, por outro lado, você estiver verificando os relatórios em tempo real do Universal Analytics, mas eles não estiverem funcionando,  leia este guia .

Se você estiver trabalhando com o Google Analytics 4, o DebugView é seu amigo. Se quiser saber mais,  dê uma olhada aqui .

Por fim, outras ferramentas que você deseja implementar (por exemplo, Facebook Pixel) também podem oferecer recursos de depuração em tempo real. Use-os sempre.

#20. Escreva descrições claras e nomes de lançamentos de versão

Sempre que uma nova versão do contêiner é publicada, você tem a oportunidade de nomear a versão do contêiner e adicionar notas. Você deve aproveitar esta opção para deixar notas completas para alguém que possa auditar a marcação de seu site ou solucionar problemas de suas alterações posteriormente.

Mesmo que você não se importe com o auditor, você deve se preocupar consigo mesmo. Seis meses depois de publicar uma nova versão do contêiner GTM, você não se lembrará do que fez ou por que fez. A descrição detalhada e o nome da versão serão lembrados para você.

A descrição da versão ideal deve conter:

  • Um nome significativo que reflete as adições e alterações feitas a ele.
  • Notas detalhadas que incluem:
    • Quem solicitou as alterações
    • Quem publicou as alterações
    • Quais são as novas tags, gatilhos e variáveis ​​neste contêiner
    • Quais alterações foram feitas em tags, regras e variáveis ​​existentes
    • Por que essas mudanças foram feitas

#21. Publicar/criar versões em partes menores

A beleza das versões de contêiner no Gerenciador de tags do Google é a capacidade de restaurar a versão anterior caso algumas partes de sua nova implementação dêem errado. Imagine o que aconteceria se você implementasse FB Pixel, rastreamento GA, rastreamento Google Ads, etc. em uma única versão. Todas essas configurações terminariam em uma única versão de contêiner.

E se o Facebook Pixel foi implementado incorretamente? Você precisa reverter, portanto, desative o Google Analytics, o Google Ads e outras tags (que estavam nessa versão).

Seria muito melhor se você primeiro implementasse o rastreamento do Google Analytics e o publicasse. Depois Google Ads, depois Facebook. Então, durante a reversão, você apenas teria que se livrar temporariamente das tags do Facebook, mantendo as tags de anúncios GA e G funcionando.

Além disso, implantar grandes funcionalidades de rastreamento de uma só vez significa que o processo de teste será mais complexo e você terá que verificar TUDO de uma vez.

#22. Colete dados e verifique primeiro

Se você estiver migrando do Google Analytics codificado (onde todos os códigos de rastreamento estão espalhados por todo o site) para o Google Analytics via GTM, primeiro deixe os dois funcionarem ao mesmo tempo:

  • O rastreamento embutido em código continua funcionando normalmente.
  • GA via GTM envia dados para outra conta/propriedade do Google Analytics (temporariamente).

Após cerca de uma semana, você precisará verificar os relatórios do Google Analytics em ambas as contas. Esses números devem estar dentro de 1-2% um do outro (eles não corresponderão exatamente). Se os dados em ambas as contas GA parecerem estar fora de sincronia, investigue sua implementação e veja se você consegue identificar onde as coisas estão diferentes.

#23. Evite Marcações Duplas

Depois de concluir a verificação da nova implementação do Gerenciador de tags do Google (consulte a dica nº 19), remova o código GA antigo. Esse é um dos problemas mais comuns que vejo na implantação de tags.

Se você implantou tags por meio do Gerenciador de tags do Google, remova as tags codificadas correspondentes do seu site o mais rápido possível. Deixar de fazer isso pode resultar na inflação de seus dados analíticos e exibições de página/eventos duplicados.

#24. Acompanhe as notícias do setor

Junte-se às comunidades se quiser ser o primeiro a ouvir as novidades do GTM, resolver seus problemas ou obter novas ideias.

#25. Verifique os cursos on-line para começar a trabalhar

Você pode me chamar de tendencioso aqui também (e eu meio que sou). Mas eu realmente acredito nisso e aplico esse mesmo princípio a mim também. Agora tento sempre fazer alguns cursos se precisar aprender o assunto. Sim, pode custar mais dinheiro, mas no final, economiza muito tempo, portanto, o preço geralmente vale a pena (claro, você precisa fazer alguma pesquisa sobre o curso antes de fazê-lo, ler comentários, etc.) . 

Quando comecei a usar o Gerenciador de tags do Google em 2013-2014, lutei com quase tudo. Havia pouca ou nenhuma informação sobre como começar e conseguir algo significativo, além disso, a interface do usuário era desajeitada e difícil de entender.

Mas tudo mudou em 2015, quando o Google Tag Manager V2 foi lançado . Uma interface de usuário totalmente redefinida, fluxo de trabalho muito mais claro, ouvintes de eventos automáticos e, o mais importante, um número crescente de cursos e tutoriais on-line do Gerenciador de tags do Google.

Aqui estão várias opções que você pode escolher:

  • Minicurso gratuito do Gerenciador de tags do Google (com mais de 90 minutos de conteúdo em vídeo)
  • Curso premium de gerenciador de tags do Google para iniciantes . Eu tenho elaborado este por algum tempo. Ele explica tópicos básicos e intermediários relacionados ao GTM, por exemplo, rastreamento de formulários, rastreamento de conversões e vendas, GDPR, etc.
  • Curso Premium Intermediate Google Tag Manager (+ tópicos avançados). Este é o próximo nível de curso depois que você se sentir confortável com o GTM (e sair da  zona de iniciante ). Você aprenderá como desbloquear o potencial do GTM, testar adequadamente sua implementação, implementar rastreamento de comércio eletrônico do GA, marcação do lado do servidor etc.

Práticas recomendadas do Gerenciador de tags do Google: conclusão

Então aí está – uma longa lista de práticas recomendadas do Gerenciador de tags do Google – desde a estrutura da conta até o teste e a implantação.

Minha sugestão – não comece a usá-los todos de uma vez. Experimente um por um e veja quais se adaptam melhor às suas necessidades (e dão o máximo resultado).

Gostaria de enfatizar a importância da estrutura da conta (+ convenções de nomenclatura), da camada de dados e dos testes.

  • A longo prazo, será quase impossível trabalhar em meio a uma confusão de tags, gatilhos e variáveis ​​com títulos aleatórios. É por isso que você precisa ter um pedido estrito em seu contêiner .
  • Se você acabar em um beco sem saída e não conseguir rastrear uma interação específica em seu site, peça ajuda ao desenvolvedor. Eles podem enviar os dados via dataLayer.push . 
  • E garanto que, sem testes adequados, a maior parte de sua configuração de rastreamento está fadada ao fracasso . Cometi vários erros  e todos eles foram detectados durante o teste da implementação do Gerenciador de tags do Google.

Você tem algo a acrescentar a esta postagem no blog? As práticas recomendadas essenciais do Gerenciador de tags do Google que eu perdi? Ficarei feliz em ouvir seus pensamentos nos comentários abaixo.

Rastreamento de conversão do Microsoft Ads com o Google Tag Manager (também conhecido como Bing Ads)

Os anúncios da Microsoft (também conhecidos como Bing Ads) são o equivalente da Microsoft ao Google Ads, permitindo que você execute campanhas promocionais, promova seus negócios e direcione o tráfego para seu site. Mas se você quiser se beneficiar disso, você deve acompanhar as conversões. Ou então, como você saberá quais anúncios/campanhas/palavras-chave têm melhor desempenho?

Curso de Google Tag Manager – GTM

Embora eu me concentre principalmente nas implementações do Google Analytics aqui no Analytics Mania, na postagem do blog de hoje, explicarei como implementar o rastreamento de conversão do Microsoft Ads (usando o rastreamento universal de eventos do Microsoft Advertising).

Observação: nesta postagem do blog, posso usar os termos  Bing Ads e Microsoft ads de forma intercambiável.

O que é uma conversão em geral?

Alguns dos meus leitores que acessam esta página podem ser completamente novos em conversões. Se você é um deles, aqui está uma rápida introdução. E se você já sabe o que são conversões, sinta-se à vontade para pular para o próximo capítulo deste post do blog.

Uma conversão é uma interação importante que você deseja que seus visitantes/usuários concluam. As conversões podem ser divididas em micro e macro conversões. Um exemplo de microconversão pode ser uma assinatura de boletim informativo, o download de um whitepaper etc.

As microconversões geralmente são descritas como conversões que colocam seus visitantes/usuários um passo mais perto da conversão principal (macro).

As macroconversões são as interações mais importantes, como uma compra.

Ao acompanhar as conversões, você pode entender melhor o que está funcionando para sua empresa e o que não está. Por exemplo, você pode criar um segmento de seus usuários que fizeram uma compra e tentar entender o que eles estão fazendo, qual é o comportamento deles etc. Além disso, as conversões são usadas para medir a eficácia das campanhas publicitárias e depois redistribuir sua publicidade orçamento.

Espero que esta introdução superbreve tenha lhe dado uma melhor compreensão deste conceito.

Agora, vamos aprender como rastrear conversões com o Microsoft Ads e o Gerenciador de tags do Google.

Plano de ação

Para implementar o acompanhamento de conversões do Bing Ads, você precisará concluir as seguintes etapas:

  1. Instale a tag Microsoft UET com o Gerenciador de tags do Google
  2. Enviar eventos adicionais para o Microsoft Ads
  3. Crie Conversões que corresponderão às informações de seus eventos

Instale a tag Microsoft UET com o Gerenciador de tags do Google

Nesta postagem do blog, presumo que você já tenha criado uma conta do Microsoft Ads . Se você não tiver, vá fazer isso aqui . Registe-se e siga todos os passos que lhe serão solicitados.

Obtenha a ID da marca do UET

Ao efetuar login, vá para Ferramentas > Marca do UET . UET significa Universal Event Tracking.

Se a interface do Bing Ads mudou e parece diferente do que você vê neste artigo, use o recurso de pesquisa na interface do Bing Ads e apenas digite “UET tag”.

Em seguida, clique em Criar marca do UET.

Depois disso, você será solicitado a inserir o nome da tag e uma descrição. Em geral, basta digitar o nome. Pode ser algo como o nome da sua empresa ou talvez o nome do site (onde essa tag será implementada). Clique em Salvar.

Após a criação da tag, você verá o código de rastreamento do UET. Como estamos trabalhando com o Gerenciador de tags do Google, não precisamos do código inteiro. Basta copiar o ID:

Crie uma marca do UET do Microsoft Advertising no Google Tag Manager

Agora vamos para Google Tag Manager > Tags > Novo > Microsoft Advertising Universal Event Tracking . Pode ser um desafio encontrá-lo na lista, então recomendo usar o recurso Pesquisar.

Para sua informação: se você leu alguns tutoriais mais antigos do Bing Ads, eles disseram para você procurar a tag “Bing Ads Universal Event Tracking”. Esse nome acabou sendo alterado para “Microsoft Advertising Universal Event Tracking”.

Na tag, cole o ID que você copiou da interface do Microsoft Ads. Deixe o tipo de rastreamento como uma  exibição de página . Clique em qualquer lugar na seção “Acionamento” e selecione o acionador Todas as páginas  . Em seguida, nomeie a tag como quiser, por exemplo, Bing Ads – Visualização de página. Salve a etiqueta.

vamos testar

Para ativar o modo de depuração do Gerenciador de tags do Google, clique no  botão Visualizar  no canto superior direito da interface do GTM (perto do  botão Enviar  ).

Depois de clicar no botão Visualizar, uma nova guia do navegador será aberta com  tagassistant.google.com . Caso contrário,  leia este guia .

Um pop-up solicitará que você insira o URL que deseja testar e depurar. Pode ser o endereço de uma página inicial ou pode ser o URL de uma página específica. Em seguida, pressione  Iniciar .

Uma nova guia (ou janela) do navegador deve aparecer onde você verá a URL inserida no pop-up anterior. Na parte inferior dessa página/guia, você deve ver o seguinte emblema:

E se você voltar para a  guia tagassistant.google.com  , deverá ver esta mensagem de sucesso.

Se você não vir a mensagem de sucesso ou se o emblema de visualização mostrar que o depurador não está conectado,  leia isto .

Clique em Continue no modo de visualização e, em seguida, clique no  evento Container Loaded  (na barra lateral esquerda). Verifique se sua tag do Bing Ads foi disparada. Se sim, isso é bom.

Além disso, você pode instalar um auxiliar de marca do UET de extensão do Chrome . Ao fazer isso, clique em seu ícone e, em seguida, alterne o botão.

Atualize o site onde deseja testar a tag (NÃO o modo de visualização). Agora você deve ver um número no ícone da extensão. Clique nele para ver que tipo de eventos foram notados pelo auxiliar.

Se tudo funcionar bem, você deverá ver o evento Page Load (ps page load = page view). Você também pode clicar em “Detalhes do parâmetro” para expandir e ver mais informações sobre os dados que foram enviados para o Microsoft Ads.

Tudo certo? Agora você pode publicar as alterações do contêiner do Gerenciador de tags do Google, e essa tag será ativada para todos os visitantes do site. Você pode publicar o contêiner clicando no botão Enviar no canto superior direito da interface do GTM e, em seguida, clicando em PUBLICAR.

Usei o  gatilho Todas as páginas  no exemplo anterior para simplificar. Na realidade, a configuração é muito mais complexa porque você deve disparar tags como esta apenas se um visitante der consentimento para o rastreamento. Para fazer isso, você precisará:

  • Tenha um pop-up de consentimento de cookies em seu site
  • Em seguida, configure o GTM para ouvir as interações do usuário com esse pop-up
  • E, em seguida, disparar tags somente se um visitante der consentimento

Este tema não é fácil. Você pode se familiarizar mais com ele  aqui . Além disso, eu me aprofundo nisso em minha  masterclass do Gerenciador de tags do Google para iniciantes .

Conversão: URL de destino

Com essa configuração básica (quando você tem apenas uma marca Microsoft UET que dispara em todas as páginas), você já pode começar a rastrear as conversões. Se você puder distinguir (observando o URL da página) que um visitante concluiu alguma ação importante, poderá informar aos anúncios da MS que se trata de uma conversão.

Um bom exemplo disso pode ser  signup . Se um visitante for redirecionado para uma  página de agradecimento exclusiva  , essa exibição de página pode ser sua conversão.

Na interface do Microsoft Ads, clique em Ferramentas > Metas de conversão .

Clique  em Criar meta de conversão . Em seguida, insira o nome da sua conversão (por exemplo, inscrição no boletim informativo), mantenha o tipo “URL de destino” e clique em Avançar.

Em seguida, você precisará inserir detalhes adicionais sobre esse URL de destino. Digamos que a URL da minha página de agradecimento contenha  /pages/thank-you.  Em seguida, você pode inserir a seguinte condição nos detalhes da meta. Obviamente, no seu caso, a URL provavelmente será diferente.

A categoria da meta não faz muita diferença, mas você pode selecionar a opção mais próxima da sua conversão, por exemplo, Assinar ou Cadastrar.

Por enquanto, não atribua nenhum valor no  campo Valor da receita  . Vou mostrar como usá-lo um pouco mais tarde nesta postagem do blog.

Por fim, vamos definir como contaremos as conversões. Se um visitante concluir a mesma conversão na mesma sessão várias vezes, os anúncios do Bing devem relatar isso como uma conversão ou várias? A resposta é “depende”.

Se eu acompanhar as compras, gostaria de contar todas as compras. Se eu rastrear inscrições, não importa se a mesma pessoa baixou dois e-books meus ou um na mesma sessão. O que importa é que um *visitante* converteu.

Quanto ao meu exemplo, escolherei  Unique.

Em seguida, você pode selecionar se deseja incluir essa conversão na  coluna Conversões de seus relatórios. Na maioria dos casos, essa caixa de seleção deve ser habilitada.

Salve a meta de conversão. É isso! Agora você criou uma conversão com base em uma configuração simples que exigia apenas uma tag.

Mas e se a sua conversão for mais complexa? E se for uma compra e a URL da página de agradecimento não for exclusiva o suficiente? Digite rastreamento de eventos.

Rastreamento de compras com Bing Ads e Google Tag Manager

Neste capítulo, veremos como enviar um evento de compra para os anúncios da Microsoft e, junto com ele, passaremos parâmetros adicionais (receita e moeda).

Quando se trata de rastreamento de compras, a maneira mais robusta é pedir a um desenvolvedor que envie  os dados de compra para a camada de dados  em uma página de agradecimento. Ou talvez você esteja trabalhando com uma plataforma popular de comércio eletrônico (por exemplo, WordPress) que oferece um plug-in GTM para enviar os dados?

Dados de compra na camada de dados

De qualquer forma, neste exemplo, presumo que você tenha uma camada de dados de comércio eletrônico do Google Analytics 4 em sua página de agradecimento. Se você não tem ideia do que é, eu ensino como trabalhar com isso na minha GTM Masterclass para iniciantes .

Aqui está um exemplo de dataLayer.push que seu desenvolvedor pode implementar na página de confirmação do pedido.

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
    'evento': 'compra',				
    'comércio eletrônico': {
      'comprar' : {
        'moeda': 'EUR',
        'valor': '340,00',
        'imposto': '20,00',
        'envio': '10,00',
        'cupom': 'VERÃO20',
        'transaction_id': 'no12345',
        'Itens' : [{
          'item_name': 'Cidadão - SUPER TITANIUM. MODELO: AW0060-11P',      
          'item_id': 'CIT30283',     		 
          'preço': '330,00',			
          'item_brand': 'Cidadão',			
          'item_category': 'Relógios',		
          'item_variant': 'Prata',
          'Quantidade: 1'
        }]
      }
  }
});
</script>

Todos os valores devem ser substituídos dinamicamente pelas informações de compra reais (e seu desenvolvedor é responsável por fazer isso). Neste código, há um produto, mas se eu comprei mais produtos, o desenvolvedor deve incluir todos eles na  matriz de itens .

Depois que esse código for implementado, ative o modo de visualização do Google Tag Manager  e faça uma compra de teste. Na página de confirmação do pedido, você verá o  evento de compra no lado esquerdo do modo de visualização.

Clique nele e expanda a API Call.

Aqui você verá as informações de compra que foram enviadas para a camada de dados .

Variáveis ​​da camada de dados e um acionador de evento personalizado

Se os dados estiverem corretos, é hora de usar alguns desses pontos de dados em nosso rastreamento de conversão do Bing Ads. No mínimo, poderíamos passar o total do pedido ( value ) e o código da moeda. Para fazer isso, precisaremos criar duas variáveis ​​de camada de dados separadas . Um para cada ponto de dados.

No Gerenciador de tags do Google, vá para Variáveis ​​> Novo > Variável da camada de dados . Para acessar o valor do pedido, você deve inserir  ecommerce.purchase.value . Leia isto  para saber mais sobre por que inseri os pontos.

Salve a variável. Faça o mesmo para a  moeda . Crie outra variável com  ecommerce.purchase.currency .

A próxima etapa é quando devemos enviar o evento de compra para o Microsoft Ads. A resposta não técnica é “quando os dados de compra estão na camada de dados”. Felizmente, podemos dizer ao GTM para fazer exatamente isso.

Vá para Gatilhos > Novo > Evento personalizado e insira as seguintes configurações:

O motivo pelo qual inseri  a compra é que esse é o mesmo valor armazenado na chave “evento” do dataLayer.push.

Se, no seu caso, o nome do evento for uma  transação , é isso que você deve inserir nas configurações do gatilho.

etiqueta de compra

A etapa final é criar uma marca do UET do Microsoft Ads que enviará os dados de compra para a Microsoft. No GTM, vá para Tags > Novo > Microsoft Advertising Universal Event Tracking e insira as seguintes configurações:

  • Use a mesma ID de marca do UET que você usou na configuração de rastreamento de exibição de página
  • Tipo de rastreamento – selecione  conversão personalizada
  • Insira a compra  nos  campos Categoria do evento, Ação do  evento e  Rótulo do evento
  • No campo Moeda , insira a variável da camada de dados que você criou recentemente (que retorna a moeda)
  • No  valor Revenue , insira a outra variável Data Layer (que retorna o valor do pedido)

Na seção de acionamento, clique em qualquer lugar e selecione o acionador de evento personalizado que você criou no capítulo anterior. Salve a etiqueta.

Dica profissional: considere usar uma variável constante

Somente nesta postagem do blog, criei 2 tags do Bing no GTM. Mas e se você tiver 10 ou 20? Copiar e colar manualmente IDs de marca do UET pode causar alguns erros humanos (além disso, é apenas inconveniente).

Em vez disso, você pode criar uma variável que sempre conterá o ID. No GTM, vá para Variáveis ​​> Novo > Constante e cole o ID da marca do UET obtido na interface do Microsoft Ads (depois de criar a marca do UET).

Salve esta variável. Agora vá e atualize todas as suas tags do Bing Ads no contêiner GTM. Substitua os IDs de tags estáticos por esta variável constante. E se, no futuro, você tiver que criar uma nova tag, poderá reutilizar essa variável com apenas alguns cliques.

Vamos testar o rastreamento de compras com Microsoft Ads e GTM

É hora de testar a configuração. Ative o modo de visualização do Gerenciador de tags do Google. Em seguida, clique no ícone do UET tag helper (extensão do Google Chrome) e verifique se ele está ativado.

Faça uma compra de teste. No lado esquerdo do modo de visualização, você verá o  evento de compra . Clique.

Sua tag de compra do Bing Ads deve ser exibida como “disparada”. Além disso, sua tag de exibição de página regular do Bing Ads também deve ser acionada (porque a página de “obrigado” é uma página, afinal).

Agora, clique no ícone do auxiliar de marca do UET e você verá dois eventos:  Carregamento de página  (também conhecido como Visualização de página ) e  Evento personalizado  ( compra ). Clique  em Detalhes do Parâmetro abaixo de cada evento e verifique se os dados foram enviados corretamente.

está tudo correto? Publique as alterações GTM clicando em ENVIAR (no canto superior direito) e, em seguida, clique em PUBLICAR.

Crie uma meta de conversão baseada em evento no Microsoft Ads

Embora agora estejamos enviando eventos de compra para o Bing Ads, ainda precisamos informar a Microsoft sobre isso. No Microsoft Ads, vá para Ferramentas > Metas de conversão . Clique  em Criar meta de conversão .

  • Digite seu nome, por exemplo, “Comprar”
  • Tipo: Evento

Clique em Avançar. Em seguida, insira os mesmos valores que você configurou na tag: Categoria, Ação, Rótulo. No meu caso, todos esses campos devem conter “compra” (sem as aspas).

  • Defina  a categoria da meta como  compra .
  • O valor da receita deve ser definido como  O valor da ação de conversão pode variar . Em seguida, você será solicitado a inserir o valor padrão. Esse pode ser o valor de compra mais baixo possível em seu site.
  • Defina  Contagem como  Todos.
  • Deixe todas as outras configurações como estão e clique em Salvar .

Depois de concluir todas essas etapas, seu rastreamento de compra com o Bing Ads estará concluído.

Lembre-se de que os dados não aparecerão em seus relatórios em tempo real. Aguarde até 24 horas.

Onde você pode ver os dados de conversão no Microsoft Ads?

Você pode encontrar contagens de conversão em muitos relatórios na interface do Microsoft Ads, por exemplo,  relatório de campanhas  . Continue procurando o  Conv. coluna (que significa  Conversions ).

Quanto à receita, se você não vir essa coluna em seus relatórios, precisará adicioná-la. Clique no  ícone Colunas acima da tabela e clique em  Modificar. 

Em seguida, vá para  Conversões  e selecione  Todas as conv. receita . Clique  em Adicionar  ao lado dele. Feito! A partir de agora, você também verá métricas de receita de conversão em seu relatório.

Rastreamento de conversão do Microsoft Ads: palavras finais

Quando se trata de rastreamento de conversão de anúncios do Bing, você pode seguir vários caminhos. Mas eles também dependem da funcionalidade do seu site.

Se você puder distinguir (apenas olhando para o URL da página) que um visitante concluiu uma ação importante, poderá criar metas de conversão de URL de destino. Tudo o que você precisa fazer é adicionar a marca UET do Microsoft Ads de exibição de página. O Bing Ads cuidará do restante depois que você configurar a meta.

Mas se suas conversões forem baseadas em eventos, não em exibições de página, você deverá configurar tags adicionais no GTM, enviar os eventos e criar metas de conversão baseadas em eventos.

Quanto ao rastreamento de compras com o Microsoft Ads, você também pode enviar a compra não como uma  conversão personalizada , mas como um  evento de compra  . No entanto, achei mais rápido/fácil enviá-lo como personalizado.

Se você tiver alguma dúvida (ou talvez tenha notado algo errado neste artigo), deixe-me saber nos comentários.

Rastreie vídeos com o Google Analytics 4 e o Google Tag Manager

Embora o Google Analytics 4 ofereça alguns recursos integrados de rastreamento de vídeo, ainda pode haver alguns casos em que você precisará fazer configurações adicionais no Gerenciador de tags do Google. E eu queria cobrir diferentes situações, desde as mais simples até as mais complexas.

Curso de Google Tag Manager – GTM

Na postagem do blog de hoje, mostrarei como rastrear vídeos com o Google Analytics 4 e o Gerenciador de tags do Google. Vamos começar com a Medição aprimorada, depois ir para a configuração personalizada, depois para players de vídeo que não sejam do YouTube e muito mais.

Então qual é o plano?

  1. Primeiro, daremos uma olhada rápida no rastreamento de vídeo integrado do GA4
  2. Em seguida, veremos a configuração do GTM que usa o gatilho de vídeo do Youtube
  3. Em seguida, daremos uma olhada em um player de vídeo diferente (Vimeo)
  4. Em seguida, mostrarei como rastrear players de vídeo HTML5 genéricos
  5. Depois disso, compartilharei 3 receitas GTM (modelos de contêiner) para o rastreamento do player de vídeo mencionado acima
  6. Por fim, compartilharei recursos/dicas adicionais relacionados ao rastreamento de vídeo no Google Analytics 4 e GTM

Temos muito a cobrir, então vamos nos aprofundar.

#1. Rastreamento de vídeo integrado no GA4 (medição aprimorada)

Quando você cria uma nova propriedade do GA4, ela automaticamente   ativa a avaliação otimizada . Este é um conjunto de recursos que rastreia eventos automaticamente e os envia para o Google Analytics 4. Entre coisas como rolagem ou rastreamento de pesquisa no site, ele também pode rastrear players de vídeo do YouTube incorporados.

Você pode verificar se habilitou isso acessando Administrador do GA4 > Fluxos de dados (de sua propriedade específica) > Clique no ícone de engrenagem .

Lá você verá se o rastreamento de vídeo está ativado. Se for, você poderá rastrear os seguintes eventos:

  • video_start . Enviado quando um visitante começa a assistir a um vídeo.
  • video_progress . Quando um espectador atinge um limite específico do vídeo (10%, 25%, 50%, 75%).
  • vídeo_completo . Quando um visitante chega ao final do vídeo.

Juntamente com esses eventos, vários parâmetros também são rastreados:

  • video_current_time . O carimbo de data/hora atual do vídeo em que o visualizador está (em segundos)
  • duração_do_vídeo . Duração do vídeo em segundos.
  • video_percent . O limite do vídeo (sem o sinal %)
  • video_provider . O valor deste parâmetro é sempre “youtube”.
  • Título do vídeo.  O título do vídeo.
  • video_url . Este é o URL do vídeo.
  • visível . Retorna “1” se o player estiver visível na tela enquanto o engajamento do vídeo foi rastreado.

O rastreamento de vídeo na medição aprimorada funciona para vídeos incorporados do YouTube com a API JavaScript habilitada. Isso pode ser feito adicionando o atributo enablejsapi=”true” ao iframe, por exemplo:

<iframe src="https://www.youtube.com/embed/QfUSKYJz5QE" width="560" height="315" title="YouTube video player" enablejsapi="true" frameborder="0" allow="accelerometer ; gravação na área de transferência; mídia criptografada; imagem na imagem" allowfullscreen></iframe>

Ou decorando o src do iframe com “enablejsapi=1”, por exemplo:

<iframe width="560" height="315" src="https://www.youtube.com/embed/QfUSKYJz5QE?enablejsapi=1" title="YouTube video player" frameborder="0" allow="accelerometer; gravação na área de transferência; mídia criptografada; imagem na imagem" allowfullscreen></iframe>

No entanto, notei várias situações em que esse rastreamento integrado simplesmente não consegue perceber o player de vídeo do Youtube incorporado e rastrear o respectivo engajamento.

Portanto, se você estiver lidando com uma situação semelhante, leia o próximo capítulo + combine esse conhecimento com este guia de solução de problemas . Agora vou mostrar a você como utilizar os recursos integrados do GTM para rastrear vídeos do Youtube .

#2. Rastreamento de vídeo do Youtube com gatilho GTM e GA4

Se você optar por implementar o rastreamento de vídeo dessa maneira, desative os recursos de rastreamento de engajamento de vídeo na medição aprimorada. Caso contrário, você estará em maior risco de dados duplicados ocasionais (quando a medição aprimorada estiver rastreando as mesmas coisas que sua configuração GTM).

Acesse Administrador do GA4 > Fluxos de dados > Ícone de engrenagem > desativar  rastreamento de engajamento de vídeo  . Depois de fazer isso, vamos continuar com a configuração.

Além disso, nesta postagem do blog, presumo que você já tenha instalado o GA4 em seu contêiner GTM . Isso significa que você já criou a tag de configuração do GA4.

#2.1. Crie um gatilho de vídeo do Youtube

Tudo começa com um gatilho. No Google Tag Manager, vá para Triggers > New > Trigger Configuration e escolha  Youtube Video . Em seguida, insira as seguintes configurações:

rastrear vídeo do youtube com o gerenciador de tags do google

Você pode alterar o limite de porcentagem para o que quiser, basta separá-los com uma vírgula. Além disso, você pode ativar  o rastreamento de pausa, busca e armazenamento em buffer. Pessoalmente, prefiro rastrear  Início, Conclusão e Progresso (por exemplo, 25% do vídeo foi assistido) .

Além disso, embora  Adicionar suporte à API JavaScript para todos os vídeos do YouTube seja uma configuração avançada, eu a habilito por padrão porque aumenta a chance de o rastreamento de vídeo do YouTube funcionar.

#2.2. Ativar variáveis ​​de vídeo incorporadas

No Gerenciador de tags do Google, vá para Variáveis ​​> Configurar e habilite todas as variáveis ​​relacionadas ao vídeo.

rastrear vídeo do youtube com o gerenciador de tags do google

#2.3. Criar uma etiqueta do Google Analytics 4

Agora, é hora de enviar os dados do vídeo do Youtube para o Google Analytics. No GTM, vá para Tags > Novo > GA4 Event Tag e insira as seguintes configurações.

Algumas partes podem ser confusas, então deixe-me explicar:

  • Você pode inserir o que quiser no campo Nome do evento. Eu estava apenas tentando seguir a mesma convenção de nomenclatura usada pela Medida Aprimorada . Na minha configuração, haverá 3 nomes de eventos possíveis: video_start , video_progress e video_complete . Isso é possível por causa da variável interna chamada “Status do vídeo”.
  • Todos os parâmetros de evento que incluí também são opcionais. Se você acha que alguns deles não são valiosos, vá em frente e remova-os. Eu (mais uma vez) decidi seguir a convenção de nomenclatura de Medição Aprimorada.

Na seção de acionamento, seleciono o acionador de vídeo do Youtube criado anteriormente.

#2.4 Teste a configuração

Depois de concluir todas as etapas anteriores, é hora de testar. Habilite/ atualize o modo de visualização e depuração , atualize a página em seu site com o player de vídeo do Youtube incorporado e tente interagir com ele.

Em primeiro lugar, você deve começar a ver  os eventos de vídeo do Youtube  no modo de visualização. Se você não os vir,  leia este guia de solução de problemas .

Clique em um deles e verifique se sua tag do Google Analytics foi disparada.

Em caso afirmativo, vá para o Google Analytics 4 DebugView  para verificar se você vê os eventos recebidos.

Depois de um tempo, seus dados de eventos também aparecerão nos relatórios padrão do Google Analytics e no Analysis Hub. Mas isso pode levar até 24 horas . Então seja paciente.

Além disso, não se esqueça de registrar os parâmetros como video_percent ou video_title como dimensões personalizadas  (se quiser usá-los em seus relatórios do GA4).

Se o gatilho de vídeo do Youtube não estiver funcionando, leia este guia .

#3. Como rastrear o Vimeo com Google Analytics 4 e GTM

E se o seu site não contiver vídeos do Youtube incorporados? E se você estiver usando outra coisa? Nesse caso, o rastreamento de vídeo integrado do Youtube no Gerenciador de tags do Google não funcionará. Você precisa encontrar uma solução alternativa.

Tudo começa com a identificação do player de vídeo

Antes de começar com o rastreamento real das interações do player de vídeo, primeiro você precisa identificar que tipo de player de vídeo é esse. Os players de vídeo mostram claramente seu logotipo na caixa do player (por exemplo, Vimeo), outros provavelmente não serão tão óbvios.

Se o seu caso for o último, faça as seguintes etapas. No seu navegador, abra as ferramentas do desenvolvedor (no Chrome, é F12 (no Windows)) e vá para a guia Elementos . Então clique neste botão…

… e depois clique no próprio player. Agora tente navegar um pouco e localizar algumas pistas mencionando o nome do provedor do jogador. Por exemplo, neste caso, o player que estou inspecionando é o JW player.

Se você não conseguir encontrar o nome, provavelmente é um player de vídeo HTML5 .

Depois de identificar o nome do player de vídeo, basta pesquisar no Google [nome do player de vídeo]  com o Gerenciador de tags do Google e você encontrará algum guia ou tutorial. No entanto, há uma chance de que o guia encontrado seja para o Universal Analytics, portanto, talvez seja necessário adaptá-lo às suas necessidades.

Vamos imaginar que, no nosso caso, vemos o logotipo “Vimeo” no canto do reprodutor de vídeo incorporado.

#3.1. Crie uma variável “O player do Vimeo está presente em uma página”

Para rastrear jogadores do Vimeo com GTM em uma página, precisaremos adicionar um código longo ao contêiner. Carregar esse código em todas as páginas não é ideal e afetará a velocidade de carregamento da página , é por isso que devemos ativar esse código APENAS quando o player do Vimeo estiver realmente incorporado nesse site.

Para isso, primeiro precisamos criar uma variável Custom JavaScript (vá em Variables > New > Custom Javascript ) e colar o seguinte código:

função () {
 for (var e = document.getElementsByTagName("iframe"), x=0; x < e.length; x++) {
 if (/^https?:\/\/player.vimeo.com/.test(e[x].src)) {
 retornar verdadeiro;
 }
 }
 retorna falso;
}

Nomeie esta variável  como cjs – é o reprodutor do vimeo em uma página .

Se o player do Vimeo estiver embutido na página, esta variável retornará true .

Em seguida, crie um gatilho carregado  na janela e use essa variável JavaScript personalizada nele. Se o player do Vimeo estiver presente, esse gatilho será ativado. Se não houver nenhum reprodutor do Vimeo, esse acionador permanecerá silencioso.

#3.2. Ouvinte de eventos automáticos do Vimeo

Agora, é a vez do Vimeo Listener. Um ouvinte é uma função (ou várias funções) construída para continuar procurando por certas interações em uma página. Nesse caso, o ouvinte estará procurando por interações do player do Vimeo. Se detectar um, tornará esses dados visíveis no modo de visualização e depuração.

Crie uma tag HTML personalizada e cole o seguinte código. Os autores originais deste código são Bill Tripple e Bogdan Bistriceanu da Cardinal Path ), mas para torná-lo mais conveniente para o GA4, modifiquei o código (um pouco).

<!--
Tag HTML personalizada do Gerenciador de tags do Google Analytics (V2) para rastreamento de vídeo do Vimeo

Direitos autorais 2016, Cardinal Path, Inc.

Autor original: Bill Tripple < btripple@cardinalpath.com >
Revisado por: Bogdan Bistriceanu < bbistriceanu@cardinalpath.com >
Atualizado por: Julius Fedorovicius < julius@analyticsmania.com > e Richard Outram < Richard.Outram@simmbiotic.com >

Versão 2.1
-->
<script>

var dataLayer = (typeof(dataLayer) !== "undefined" && dataLayer instanceof Array) ? camada de dados : [];
var videoLabels=[];
var últimoP=[];

//declaramos variáveis ​​que conterão informações sobre o vídeo que está sendo reproduzido
var _playerTitle = {}, _playerAuthor = {}, _playerAuthorURL = {}, _playerUploadDate = {};

experimentar{
 calor();
}
catch(err){
 dataLayer.push({
 'evento': 'gtm.error',
 'errorMessage': e.message,
 'tag': 'Ouvinte de vídeo do Vimeo'
 })
}
função init(){
 experimentar{
 var player=document.getElementsByTagName("iframe");
 for (i = 0; i < player.length; ++i) {
 var url=player[i].getAttribute("src");

 if(/player\.vimeo\.com\/video/.test(url)){ // vimeo iframe encontrado
 if(!player[i].hasAttribute("id")){ // falta o atributo id
 player[i].setAttribute("id","vimeo_id_"+i); // adiciona o atributo id
 }
 var urlAtualizado=falso;
 if(!/api=/.test(url)){ // verifica se o parâmetro api está no atributo src
 url=updateUrl(url,"api",1);
 urlAtualizado=verdadeiro;
 }

 if(!/player_id=/.test(url)){ // verifica se player_id está no atributo src
 url=updateUrl(url,"player_id",player[i].getAttribute("id"));
 urlAtualizado=verdadeiro;
 }
 if(urlUpdated){ // repovoa o atributo src com parâmetros adicionados
 player[i].setAttribute("src",url)
 }
 videoLabels[player[i].getAttribute("id")]=player[i].getAttribute("src"); // id para rotular o dicionário
 }
 }

 // Escuta as mensagens do jogador
 if (window.addEventListener){
 window.addEventListener('message', onMessageReceived, false);
 }
 outro {
 window.attachEvent('onmessage', onMessageReceived, false);
 }
 }
 catch(err){
 }
}

function updateUrl(url,param,value){
 experimentar{
 return url+((/\?/.test(url)) ? "&" : "?")+param+"="+valor;
 }
 catch(err){
 }
}

// Trata as mensagens recebidas do jogador
function onMessageReceived(e) {
 experimentar{
 var dados = e.dados;
 
 if(tipo de dado === "string"){
 dados = JSON.parse(dados);
 }
 
 switch (data.evento) {
 caso 'pronto':
 onPronto(dados);
 pausa;
 caso 'jogar':
 onPlay(dados);
 pausa;
 caso 'pausa':
 onPause(dados);
 pausa;
 caso 'atualização de horário':
 onPlayProgress(dados);
 pausa;
 }
 }
 catch(err){
 }
}

// Função auxiliar para enviar uma mensagem ao jogador
function post(ação, valor) {
 experimentar{
 var dados = {
 método: ação
 };

 se (valor) {
 data.value = valor;
 }

 var mensagem = JSON.stringify(dados);
 var player = document.getElementsByTagName("iframe");
 onde url;
 pode saber


 for (i = 0; i < player.length; ++i) {
 url=player[i].getAttribute("src");

 if(/player\.vimeo\.com\/video/.test(url)){
 // Verifica se o protocolo existe
 prot = player[i].getAttribute('src').split('?')[0].split('//')[0];

 // Se o protocolo não existir, então precisa anexar a "url"
 if (!prot){
 url="https:" + player[i].getAttribute("src").split('?')[0];
 }
 player[i].contentWindow.postMessage(data, url);
 }
 }
 }
 catch(err){
 }
}

function getLabel(id){
 experimentar{
 return videoLabels[id].split('?')[0].split('/').pop();
 }
 catch(err){
 }
}

//nossa função que usará a API oEmbed do Vimeo para recuperar informações adicionais sobre o vídeo
function getVimeoInfo(url, callback) {
 
 var script = document.createElement('script');
 script.type = 'texto/javascript';
 script.src = url;
 
 document.getElementsByTagName('body')[0].appendChild(script);
}

//a função de retorno de chamada que pega os dados recebidos da API oEmbed do Vimeo e os coloca nos objetos correspondentes
function vimeoCallback(e){
 //console.log(e);
 _playerTitle[e['video_id']] = e['title'];
 _playerAuthor[e['video_id']] = e['author_name']
 _playerAuthorURL[e['video_id']] = e['author_url']
 _playerUploadDate[e['video_id']] = e['upload_date']
}

função onReady(dados) {
 experimentar{
 //executa nossa função que consulta a API oEmbed do Vimeo assim que os vídeos incorporados estiverem "prontos"
 getVimeoInfo("https://www.vimeo.com/api/oembed.json?url=https://vimeo.com/"+getLabel(data.player_id)+"&callback=vimeoCallback", vimeoCallback);

 post('addEventListener', 'play');
 post('addEventListener', 'pausa');
 post('addEventListener', 'concluir');
 post('addEventListener', 'playProgress');
 }
 catch(err){
 }
}

function onPlay(dados){
 experimentar{
 var t = data.data.duration - data.data.seconds <= 1,5 ? 1 : (Math.floor(data.data.seconds / data.data.duration * 4) / 4).toFixed(2);
 dataLayer.push({
 evento: "vídeo",
 video_action: "reproduzir",
 video_url: 'https://vimeo.com/' + getLabel(data.player_id),
 video_percent: data.data.percent.toFixed(2) * 100,
 video_title: _playerTitle[getLabel(data.player_id)].toLowerCase()
 });
 }
 catch(err){
 }
}

function onPause(dados){
 experimentar{
 var t = data.data.duration - data.data.seconds <= 1,5 ? 1 : (Math.floor(data.data.seconds / data.data.duration * 4) / 4).toFixed(2);
 dataLayer.push({
 evento: "vídeo",
 video_action: "pausa",
 video_url: 'https://vimeo.com/' + getLabel(data.player_id),
 video_percent: data.data.percent.toFixed(2) * 100,
 video_title: _playerTitle[getLabel(data.player_id)].toLowerCase()
 });
 }
 catch(err){
 }
}

// Acompanhe o progresso: 25%, 50%, 75%, 100%
function onPlayProgress(dados) {
 experimentar{
 var t = data.data.duration - data.data.seconds <= 1,5 ? 1 : (Math.floor(data.data.seconds / data.data.duration * 4) / 4).toFixed(2); if (!lastP[data.player_id] || t > lastP[data.player_id]) {
 lastP[data.player_id]=t;
 if (parseFloat(t) != 0){
 dataLayer.push({
 evento: "vídeo",
 video_action: "progresso",
 video_url: 'https://vimeo.com/' + getLabel(data.player_id),
 video_percent: t * 100,
 video_title: _playerTitle[getLabel(data.player_id)].toLowerCase()
 })
 }
 }
 }
 catch(err){
 }
}
</script>

Não se esqueça de atribuir o acionador carregado de janela criado anteriormente:

Ponto de verificação! Vamos ver o que criamos até agora:

  • Um gatilho carregado na janela que verifica se o reprodutor de vídeo do Vimeo está incorporado na página da web (graças a uma variável JavaScript personalizada).
  • Um ouvinte de evento automático do Vimeo (como uma tag HTML personalizada) é acionado somente quando o acionador carregado de janela mencionado acima é ativado. Toda vez que ocorre uma interação do player do Vimeo, o ouvinte despacha um evento da camada de dados com os seguintes dados:
    • Nome do evento:  video  (este valor nunca muda)
    • video_action (reproduzir, pausar ou progredir)
    • URL do vídeo
    • video_percent
    • Título do vídeo

Como você pode ver, há menos dados (em comparação com o gatilho do Youtube), mas ainda é bastante útil.

Se você quiser testar isso agora, ative o modo de visualização e depuração, atualize a página com o player do Vimeo e tente interagir com ele. Você deve começar a ver  eventos de vídeo no lado esquerdo do modo de visualização.

A propósito, o ouvinte do Vimeo rastreia os seguintes limites de vídeo: 25%, 50%, 75%, 100%. Não há evento “completo” aqui.

#3.3. Crie variáveis ​​de camada de dados e um acionador de evento personalizado

Se você deseja transferir alguma informação da camada de dados para outras ferramentas (por exemplo, Google Analytics) com o Google Tag Manager, você precisa “ensinar” o GTM a buscá-la (com a ajuda de variáveis ​​da camada de dados).

Aqui está uma captura de tela da variável video_action.

Faça o mesmo com video_url, video_percent e video_title.

Depois que as variáveis ​​são configuradas, é hora de criar um acionador de evento personalizado. O Vimeo Auto-Event Listener envia todas as interações como eventos da camada de dados em  “vídeo” .

dataLayer.push({
   evento: "vídeo",
   .......
 });

Portanto, a próxima coisa que você deve fazer é criar um acionador de evento personalizado que ouça TODOS  os eventos de vídeo . Posteriormente, ele será atribuído à tag do Google Analytics.

No GTM, vá para Gatilhos > Novo > Evento personalizado e insira as seguintes configurações:

rastrear o reprodutor vimeo com o gerenciador de tags do google

#3.4. Criar uma tag de evento do Google Analytics 4

Por último, mas não menos importante, o Google Analytics. Agora você precisa enviar um evento e passar os dados correspondentes. Crie uma nova tag, selecione a tag de evento do GA4 como Tipo de tag e insira a seguinte configuração:

O princípio aqui é bastante semelhante ao que fiz com o rastreamento de vídeo do Youtube no capítulo anterior.

  • O valor do campo do nome do evento será video_play, video_pause ou video_progress. Isso é possível por causa da variável Data Layer que inseri nesse campo.
  • Como temos os  parâmetros video_title , video_url e  video_percent na camada de dados (e criamos variáveis ​​para eles), também os inseri na tag.

#3.5. teste teste teste

Não se esqueça de testar toda esta configuração. Habilite o modo de visualização e depuração do GTM , vá para uma página com um reprodutor Vimeo incorporado e clique em Reproduzir. A próxima coisa que você deve ver é um  evento de vídeo no fluxo de eventos do modo de visualização e depuração. Clique nele e veja se a tag de evento do GA4 foi disparada.

Em caso afirmativo, vá para o Google Analytics 4 DebugView  para verificar se você vê os eventos recebidos.

Depois de um tempo, seus dados de eventos também aparecerão nos relatórios padrão do Google Analytics e no Analysis Hub. Mas isso pode levar até 24 horas . Então seja paciente.

Além disso, não se esqueça de registrar os parâmetros como video_percent ou video_title como dimensões personalizadas  (se quiser usá-los em seus relatórios do GA4).

#3.6. Todo o processo em poucas palavras

  • Criamos uma variável JS personalizada que retorna true se o player do Vimeo estiver incorporado em uma página.
  • Em seguida, criamos um gatilho carregado na janela que verifica se o reprodutor de vídeo Vimeo está incorporado na página da web (graças a uma variável JavaScript personalizada)
  • Em seguida, criamos uma tag HTML personalizada (um Vimeo Auto-Event Listener). E ele será acionado em todas as páginas em que o player do Vimeo estiver incorporado. Importante: mesmo que você ainda não tenha interagido com o player, essa tag ainda será disparada.
  • Toda vez que ocorre uma interação do player do Vimeo, o ouvinte despacha um evento da camada de dados com os seguintes dados:
    • Nome do evento:  video  (este valor nunca muda)
    • video_action (reproduzir, pausar ou progredir)
    • URL do vídeo
    • video_percent
    • Título do vídeo
  • Você criou 4 variáveis ​​de camada de dados e um acionador de evento personalizado (para o  evento de vídeo ).
  • Por fim, você criou uma tag de evento GA4 que é acionada no  evento de vídeo e enviará os valores dessas 4 variáveis ​​de camada de dados para o Google Analytics.

#4. Acompanhamento do player de vídeo HTML5 com GA4

Como já mencionei, diferentes reprodutores de vídeo exigem diferentes ouvintes de eventos automáticos se você quiser acompanhar o envolvimento deles. Mas, em geral, o princípio da implementação é bastante semelhante ao que já fizemos com o reprodutor Vimeo.

  1. Crie uma variável JavaScript personalizada que verifique se o player de vídeo está presente em uma página.
  2. Você adiciona uma tag HTML personalizada (com o código do ouvinte). Esse ouvinte procurará interações de vídeo de um determinado tipo de reprodutor de vídeo. Dispare esta tag somente se a variável Custom JavaScript retornar  true (isso significa que o player está presente em uma página).
  3. Em seguida, esse ouvinte enviará os dados de engajamento de vídeo para a camada de dados.
  4. Você precisará criar variáveis ​​de camada de dados para acessar esses dados personalizados.
  5. Além disso, você precisará criar um acionador de evento personalizado.
  6. Por fim, você precisará criar uma tag de evento do GA4 que acione uma dataLayer.push e enviar os dados de engajamento de vídeo para o GA.

Como exemplo, você pode dar uma olhada em outro tipo popular de reprodutor de vídeo, o vídeo HTML5 genérico. Leia este guia  para saber mais sobre como rastrear esses jogadores com GA4 e GTM.

#5. Três receitas GTM para rastreamento de vídeo com GA4

Quem acompanha o Analytics Mania há algum tempo sabe que compilei uma biblioteca de templates de containers GTM prontos (chamados de receitas) . Uma parte sólida dessas receitas também envolve rastreamento de vídeo.

No entanto, devido à falta de tempo (porque tenho que dar suporte a muitos alunos dos meus cursos de GTM ), muitas dessas receitas ainda funcionam apenas com o Universal Analytics.

Mas espero que, no futuro, eu tenha a chance de atualizar todos eles para oferecer suporte ao GA4 também. Um passo de cada vez.

Rastrear vídeos com Google Analytics 4 e GTM: palavras finais

Existem muitas maneiras de rastrear vídeos com o Google Analytics e o Gerenciador de tags do Google. Mas essas formas/métodos dependem de que tipo de jogador você está lidando. É um player de vídeo do Youtube? Vimeo? Algo mais?

Primeiro, você precisa investigar o player (e seu fornecedor) e, em seguida, precisa encontrar o método de rastreamento certo para ele.

Nesta postagem do blog, compartilhei soluções para 3 jogadores (Youtube, Vimeo, HTML5). Se você estiver lidando com algum outro jogador, descubra o nome desse jogador. Depois de fazer isso, faça uma pesquisa no Google e continue procurando por algo como “[insira o nome do player de vídeo] rastreando com o gerenciador de tags do Google”.

As chances são de que você terá sorte e encontrará a solução necessária.

Como verificar se o Google Tag Manager está funcionando?

Gerenciador de tags do Google. O que facilita a vida dos profissionais de marketing e analistas da web. Mas o objetivo deste blog post não é convencê-lo a começar a usá-lo (tenho outro que explica todos os benefícios do GTM ). Hoje, presumo que você já tenha decidido dar uma chance ao Tag Manager (ou talvez até o tenha usado uma ou duas vezes). Nesta postagem do blog, mostrarei como verificar se o Gerenciador de tags do Google está funcionando corretamente.

Curso de Google Tag Manager – GTM

Existem várias maneiras de fazer isso, mas lembre-se de que essas dicas não são alternativas umas às outras. Se possível, você deve usar todos ou pelo menos metade deles.

#1. Verifique o código-fonte do site

  1. Visite sua página inicial (ou qualquer página do seu site)
  2. Clique com o botão direito do mouse (em qualquer lugar no plano de fundo da página) ou com a tecla e clique em “Exibir fonte da página” (ou apenas pressione CTRL + U no teclado)
  3. Ao visualizar a fonte da sua página, faça um Control + F, que abrirá sua função “encontrar” dentro do seu navegador
  4. Insira “gtm.js” aqui e, se houver caracteres correspondentes, verifique cada instância
    verifique se o Gerenciador de tags do Google está funcionando
  5. Se o código Google Tag Manager estiver presente (está entre <  script > ), isso significa que o Google Tag Manager está funcionando.
  6. Muitas vezes, o segundo código também é implementado (que é cercado por < noscript > ). Este código é opcional, mas se você pretende usá-lo, certifique-se de colocá-lo imediatamente após a tag <body> no HTML. Você pode aprender mais sobre o noscript GTM aqui .

Importante:  certifique-se de que todos os símbolos e caracteres nos snippets de código do contêiner do Gerenciador de tags do Google estejam corretos e que não haja modificações (especialmente por acidente). Por exemplo, é bastante popular entre profissionais de marketing inexperientes compartilhar códigos de rastreamento por meio de um arquivo do Word ou do Google Docs. Essa é uma prática muito ruim porque essas plataformas geralmente quebram o código alterando automaticamente as aspas. Para saber mais, leia a dica nº 16 aqui .

#2. Ative o modo de visualização e depuração

A próxima técnica para verificar se o Gerenciador de tags do Google está funcionando é ativar o modo de visualização e depuração (P&D) . Para fazer isso, clique no botão Visualizar  no canto superior direito da interface do GTM (próximo ao botão Enviar  ).

Depois de ativar o modo P&D, o modo de visualização será aberto em uma nova guia. Ele solicitará que você insira a URL do site. Quando você fizer isso, outra guia/janela será aberta com seu site. No modo de visualização, você deve ver a palavra  Conectado

Além disso, na parte inferior da janela do site, você deve ver isto (ou algo semelhante):

Contanto que você continue navegando em seu site e veja alguns eventos no console de visualização e depuração na parte inferior da tela, isso é um bom sinal.

Publiquei um guia detalhado que explica o que é o modo de visualização e depuração e como você pode usá-lo.

#3. Usar o Assistente de tags do Google (legado)

O Tag Assistant é uma das principais extensões do Chrome para Google Tag Manager , uma ferramenta muito útil para testar e depurar sua implementação. Além de ajudar na solução de problemas do Gerenciador de tags do Google, também é possível verificar facilmente a implementação do Google Ads, Analytics e DoubleClick.

  1. Depois de instalar a extensão, clique no ícone do Tag Assistant em seu navegador.
  2. Habilite o Tag Assistant e atualize seu navegador.
  3. Observe o status do contêiner do Gerenciador de tags do Google. Se tiver amarelo ou vermelho, há problemas com sua instalação. Clique no ícone para revelar mais detalhes sobre o problema.

Seu objetivo é ver uma etiqueta verde com um rosto sorridente, como na imagem abaixo.

#4. Aproveitar Screaming Frog

Outra maneira como a implementação do Gerenciador de tags do Google pode ser interrompida é quando o código do contêiner GTM não é adicionado a todas as páginas de um site. Há muitas razões pelas quais coisas como esta acontecem:

  1. O sistema de gerenciamento de conteúdo é terrível e cheio de bugs.
  2. O site usa muitos modelos de página diferentes e não há uma maneira fácil de atualizá-los todos de uma vez.
  3. O desenvolvedor é inexperiente, etc.

O que quero dizer é que as coisas acontecem, e você precisa estar preparado para isso. Uma das maneiras de verificar se o código do Gerenciador de tags do Google foi adicionado a todas as páginas é usar um rastreador da web.

Screaming Frog é uma solução especialmente popular entre os profissionais de SEO que desejam verificar o que está acontecendo nos sites de seus clientes. Como isso está relacionado ao GTM? Você pode configurá-lo para rastrear todo o site e procurar  https://www.googletagmanager.com/gtm.js no código-fonte do site. Essa URL é usada pelo contêiner do Gerenciador de tags do Google.

No aplicativo do Screaming Frog, vá para  Configuration > Custom > Search e insira a seguinte condição:

Não contém https://www.googletagmanager.com/gtm.js

Digite a URL do site que você deseja verificar e clique no botão Iniciar.

sapo gritando

É isso! À medida que o rastreamento avança, você poderá ver os URLs completos das páginas em que o código do contêiner GTM está ausente. Sua próxima etapa é adicionar o código de rastreamento a essas páginas ou pedir a um desenvolvedor para fazer isso.

#5. Ferramentas de desenvolvedor do Chrome

Outra maneira de verificar se o Gerenciador de tags do Google está funcionando é mergulhar mais fundo na zona do desenvolvedor. Vamos precisar das ferramentas de desenvolvedor do Chrome aqui (outros navegadores também têm ferramentas, mas o Chrome é o navegador de minha escolha, por isso darei mais atenção a ele).

No Mac, você pode acessar as ferramentas do desenvolvedor por meio do menu Exibir.

Ferramentas de desenvolvedor do Chrome no Mac

No Windows, clique em CTRL + Shift + I .

Você notará que um console inteiro está habilitado na parte inferior da tela com várias opções. Existem duas guias nas quais você deve estar mais interessado, Console e Rede.

Ferramentas de desenvolvedor no Windows

Em primeiro lugar, clique em Console e comece a navegar no site e continue procurando por erros. Se nada ocorrer, ótimo! Caso contrário, se você vir um aviso ou um erro e ele contiver palavras-chave como  Gerenciador de tags do Google, gtm.js etc., isso significa que algo não está certo com sua implementação.

Discuta isso com um desenvolvedor, pergunte nos fóruns GTM ou Stack Overflow ou no Google. Talvez outros enfrentem problemas semelhantes e tenham encontrado uma solução.

A propósito, se você identificar esse erro…

404 não encontrado para GET: GET http://www.googletagmanager.com/gtm.js?id=GTM-XXXXX

Não se preocupe. Eu tenho uma solução rápida para isso. 

Agora, vamos para a guia Rede. Você também notará que está completamente em branco (ou contém muito pouca informação). Isso ocorre porque você precisará atualizar seu navegador para que essas informações sejam preenchidas. Atualize o navegador e comece a ver alguns dados entrando.

Isso acontece nos bastidores toda vez que uma página da web é carregada. Você verá as imagens do seu site, os scripts que você possui e (espero) que o código do Gerenciador de tags do Google foi acionado corretamente.

Guia de rede de ferramentas do desenvolvedor

No campo de pesquisa, digite  gtm e comece a procurar a linha com  gtm.js?id=GTM-XXXXX (substituí o ID real por XXXXX). Se seu status for 200, você está pronto para ir! 200 significa OK .

Se você vir várias solicitações gtm.js, isso pode ser causado pelo modo de visualização do GTM. Leia mais .

Na verdade, a guia de rede é uma ferramenta de solução de problemas inestimável para qualquer webmaster ou proprietário de site e vai muito além de apenas usar o GTM. Você pode usar esta ferramenta para entender completamente a pegada do seu site na web, como suas imagens ou scripts podem afetar o tempo de carregamento, etc. Isso pode ser muito poderoso e revelador

#6. Google Analytics 4 + GTM? Verifique o DebugView

Se você implementou o Google Analytics 4 com Google Tag Manager, pode verificar se seus dados estão sendo enviados para o GA4. Primeiro, ative o modo de visualização no GTM, depois vá para GA4 > DebugView e verifique se você vê alguns dados.

Perguntas frequentes sobre se o GTM está funcionando

Se você acabou de ler o artigo, aqui está uma lista das perguntas mais comuns sobre este tópico.

Como verifico se o Gerenciador de tags do Google está funcionando? Existem várias técnicas para conseguir isso, por exemplo, verificar o código-fonte do site, verificar se o modo de visualização do GTM está funcionando, verificar as ferramentas de desenvolvedor do navegador e solicitações de saída, etc.

Qual é a melhor maneira de verificar se o Gerenciador de tags do Google está funcionando? Verificar se o modo de visualização do Gerenciador de tags do Google funciona é definitivamente uma boa opção. Em combinação, você também pode verificar se as solicitações de saída têm o status 200.

Quais ferramentas devo usar para verificar se o GTM está funcionando? Você pode começar com o modo de visualização integrado do Gerenciador de tags do Google. Além disso, os navegadores possuem ferramentas de desenvolvedor integradas. Além disso, você pode usar a extensão Tag Assistant Legacy para Chrome.

Verifique se o Google Tag Manager está funcionando: palavras finais

Aqui estão minhas seis dicas sobre como verificar se o Gerenciador de tags do Google está funcionando corretamente. Se eu tivesse que escolher os 2 mais usados, eles seriam Preview and Debug Console e DebugView (no GA4). Mas, por favor, não subestime os outros; na verdade, estou começando a usar o restante deles cada vez com mais frequência.

Eu perdi alguma coisa? Existem outras técnicas que você usa para verificar se o Gerenciador de tags do Google funciona? Deixe-me saber nos comentários!

Limites do Gerenciador de tags do Google (limite de conta, limite de contêiner, etc.)

Ocasionalmente, recebo perguntas sobre os limites do Gerenciador de tags do Google. Quantos contêineres você pode ter no GTM? Quantas contas? E assim por diante. Como não existe uma página oficial com todas as limitações publicadas em um único lugar, resolvi postar este rápido artigo.

Algumas informações foram encontradas em outros recursos, outras limitações foram detectadas por mim enquanto trabalhava com o Gerenciador de tags do Google.

Curso de Google Tag Manager – GTM

Limite de conta do Gerenciador de tags do Google . Você pode ter até 400 contas do Google Tag Manager em uma única conta do Google.

Limite de contêiner do Gerenciador de tags do Google . Uma única conta do Gerenciador de tags do Google pode conter até 500 contêineres do Gerenciador de tags do Google.

Limite de tamanho do contêiner do Gerenciador de tags do Google.  O tamanho máximo de um contêiner do Gerenciador de tags do Google é 200 KB. Isso significa que quanto mais tags, gatilhos, variáveis, modelos você tiver, maior será o contêiner. Quando seu contêiner exceder o limite de tamanho de 70%, você começará a ver uma coluna adicional na  seção Versões da interface do GTM.

Então se você tem uma pergunta “qual é o limite máximo de tags que eu posso ter em um contêiner Google Tag Manager?”, a resposta é “depende”. Depende do tamanho dessas tags e de quanto espaço elas ocupam. Para algumas empresas, 500 tags podem ser um limite (porque atingirão o limite de 200kb). Para outros, pode ser 1000+ (como na minha captura de tela acima).

O que você deve fazer se estiver atingindo o tamanho máximo de um contêiner GTM? Não existe uma resposta simples e direta. Você precisaria otimizar tags/gatilhos/variáveis, remover itens não utilizados, etc. Ao se inscrever no meu Curso Intermediário/Avançado de GTM, você aprenderá várias técnicas que o ajudarão a otimizar o tamanho do contêiner.

Tamanho máximo de um arquivo que pode ser importado . Você pode importar contêineres prontos para o GTM (eles também são conhecidos como receitas ). O tamanho máximo desse arquivo pode ser de 10 MB (megabytes).

Comprimento de uma variável constante . O texto mais longo que você pode inserir em uma variável constante é de 1024 caracteres.

Espaços de trabalho. Na versão gratuita do Gerenciador de tags do Google, você pode ter 3 espaços de trabalho (um deles é o padrão ). No GTM 360, o número de espaços de trabalho é ilimitado.

O número máximo de símbolos/caracteres em uma tag  HTML personalizada é 102.400.

Limites da API do Gerenciador de tags do Google . Você pode fazer até 10.000 solicitações por projeto por dia e pode fazer 0,25 consultas por segundo (QPS). Em outras palavras, você pode fazer 25 solicitações a cada 100 segundos. Você pode aprender mais aqui .

Palavras finais sobre os limites do Google Tag Manager

Existem (provavelmente) mais limites que ainda não identifiquei, então se você souber de algo adicional, deixe-me saber nos comentários e atualizarei esta página.