Google Tag Manager no WordPress: Um Guia para Iniciantes

Você visita um site e ele adivinha a sua localização exata. Parece um truque de mágica, não é mesmo? Se você quer saber mais sobre esse recurso útil, venha conosco que vamos explicar os pormenores do Google Tag Manager. Adicionalmente, nós vamos ensiná-lo a implementar o Google Tag Manager no WordPress.

O Que é Google Tag Manager (GTM)?

Antes de respondermos à grande pergunta, vamos dar alguns passos para trás e explorar a tecnologias de tags antes disso.

Uma tag – que é uma abreviação para pixel de tag ou para pixel de rastreamento – é um trecho de código HTML que é usado para rastrear o compartimento do usuário e conversões.

Apesar de estar presente em muitos sites e em campanhas de marketing por email, você pode não ser capaz de detectar uma tag. Afinal, ela possui um tamanho de apenas 1 x 1 pixel.

Dito isso, visibilidade não é o foco primário de uma tag. Cada tag vem com um link externo embutido. Quando você visita um website ou abre um email que contém uma tag de pixel, seu navegador segue discretamente um link externo que transmite certos dados para o servidor.

Aqui está um exemplo de como uma tag de pixel aparece no código-fonte:

<img style="“position: absolute;" src="“Tracking">

A tecnologia de tags está se tornando mais popular na indústria de marketing digital devido a sua habilidade de obter dados de maneira discreta. Ao perceber isso, há muitas companhias third-party que oferecerem serviços de gerenciamento para a tecnologia de tags.

Com isso em mente, o Tag Manager é um produto da Google que proporciona esse tipo de serviço. Ele muitas vezes é associado com o Google Analytics, já que eles pertencem à mesma empresa. Isso é porque o Google Analytics usa a ajuda de uma marketing tag conhecida como GA Tracking Code, que serve para rastrear as interações do usuário.

Enquanto você poderia facilmente adicionar tags do Google Analytics no seu site para rastrear informações gerais como visualizações de páginas e referências, o Google Tag Manager complementa o Analytics ao fornecer dados de comportamento do usuário que requerem o uso de tags de pixel customizadas.

Em adição, o Google Tag Manager é compatível com outros tipos de plataformas de tag como Adobe Analytics, Google Ads, Facebook e Twitter.

O Que é Possível Fazer com o Google Tag Manager?

Apesar de ser ligado ao Google Analytics na maior parte do tempo, o Google Tag Manager é capaz de lidar com múltiplas tags de pixel simultaneamente.

Em termos de recursos, o Tag Manager da Google é responsável por facilitar o processo de adição de tags, definir as regras para a implementação delas e conduzir edições globais sempre que uma mudança de código acontecer.

O Google Tag Manager funciona como o seu braço direito no gerenciamento de todas as suas tags. Ainda assim, você precisa entender os recursos de cada pixel de rastreamento. Isso inclui saber quais são as ferramentas do Facebook para uso efetivo das tags da própria rede social. Até porque você irá determinar que dados de comportamento de usuário deseja extrair usando esse método.

Considerando que a tecnologia de tag rastreia dados de comportamento, o tipo de informação que uma tag de pixel pode retornar inclui, mas não é limitado a:

  • Tipo de sistema operacional;
  • Tipo de website ou email utilizado (mobile ou desktop);
  • Endereço de IP (Provedor de Internet e local);
  • Resolução da Tela.

Baseado na natureza dos dados, não é surpreendente que o Google Tag Manager é amplamente utilizado em marketing digital.

Como você pode saber, dados de comportamento de usuário são altamente valorizados no marketing. Saber essas informações permite que você tenha insights valiosos para determinar a melhor campanha de marketing possível para sua marca.

Com a ajuda da tecnologia de tags, você não apenas vai poder gerar vendas a longo prazo como também irá descobrir quaisquer gargalos que possam acontecer dentro do processo de negócio. Consequentemente, os dados analíticos permitirão que você desempenhe growth hacking de maneira muito mais eficiente.

De uma perspectiva técnica, as tags de rastreamento permitem que você acompanhe mapas de calor que dão observações precisas em relação ao quão eficiente o seu website é na hora de gerar tráfego.

Esses dados servem como uma contribuição valiosa para determinar o que você pode melhorar no seu site e como fazer isso – tornando-os num commodity ao invés de ser um peso.

Com tudo a se considerar, ter a habilidade de obter dados de interação dos usuários num espaço tão curto de tempo é certamente valioso para qualquer negócio que busca ter sucesso. E a melhor parte é que você tem controle total sobre o processo de análise.

Esses são apenas alguns exemplos do que você pode fazer com o Google Tag Manager. Em suma, o céu é o seu único limite.

Como Instalar o Google Tag Manager no WordPress?

Enquanto o uso do Google Tag Manager é popular dentro do marketing digital, você não precisa ser a pessoa que vai tirar vantagem primária desses recursos.

Como já mencionamos, o Google Tag Manager pode coletar quaisquer dados de comportamento de usuário que você requisitar. Desde que você tenha um website e um plano claro do que você vai fazer com esses dados, sinta-se livre para usar o sistema da maneira que você desejar.

Agora que você tem uma ideia completa do que pode ser atingido com o Google Tag Manager, vamos discutir como você pode implementar isso no seu website.

Por favor note que esse tutorial só irá funcionar se você estiver usando WordPress como uma plataforma num site que você mesmo hospedar, e não no WordPress.com. Diferentemente do WordPress.com, o WordPress.org permite que você próprio hospede o seu site, garantindo acesso completo aos arquivos e aos códigos da página. Sinta-se livre para ler esse comparativo para ter maiores explicações sobre esse tópico.

Se você ainda não assinou um serviço de hospedagem, lembre-se de checar os servidores para hospedar sites da Hostinger. Nós proporcionamos serviços de hospedagem na web robustos com diversos benefícios por preços tão baixos quanto R$ 6.99 por mês.

Assim que tudo estiver pronto, você pode seguir esse tutorial para o processo de instalação do Google Tag Manager.

1. Cadastre-se no Google Tag Manager

Para criar uma nova conta, você pode ir para a página do Google Tag Manager aqui e clicar em Avaliação Gratuita no canto superior direito do site.

O sistema vai pedir que você faça login na sua conta do Gmail. Se essa conta gerencia as tags da sua empresa, nós sugerimos que você use o email da companhia em vez de seu pessoal.

Na página de Adicionar uma Nova Conta, preencha os campos usando os dados corretos. A opção Container segue o tipo de dispositivo do qual o seu website opera. Como nós estamos usando WordPress, nós iremos para a opção Web.

Tela de cadastro do Google Tag Manager

Assim que você tiver terminado, clique em Create (Criar). Depois, a página irá mostrar os termos de serviço do Google Tag Manager. Confirme o seu entendimento ao checar a caixa de aceite e então clique em Yes (Sim).

2. Pegue o Código

Nesse momento, você já deve ser capaz de ver o seu Dashboard do Tag Manager. Um pop-up também aparecerá na tela, contendo dois diferentes grupos de códigos HTML, conforme exibido abaixo.

Códigos necessários para implementar o Google Tag Manager

Eles são os seus códigos de rastreamento, que precisam ser adicionados ao seu site. O primeiro grupo vai na sua seção <head> enquanto o segundo vai depois da abertura da tag <body>.

Deixe o pop-up aberto por enquanto, pois nós vamos precisar dele nos próximos passos.

3. Logue no seu Dashboard do WordPress

Indo para o seu Dashboard WordPress, nós vamos adicionar o código de rastreamento para o seu site.

Com o objetivo de fazer quaisquer mudanças para o código do seu website, você precisa ter acesso administrativo.

4. Vá para Aparência > Editor de Temas

Navegue para a seção Editor de Temas dentro da área Aparência. Se você não ver a opção de Editor de Temas, isso significa que você não tema acesso administrativo para promover mudanças.

Na página do Editor, você verá uma lista de arquivos de template no lado direito da página. Clique naquele com chamado header.php para adicioná-lo ao código de rastreamento.

Na maioria dos casos, você pode adicionar tanto o código de rastreamento para o header como para a seção corpo do arquivo header.php. Contudo, alguns não permitem essa ação ou usam um nome diferente para o arquivo.

Portanto, você precisa se familiarizar com os arquivos do seu modelo de tema que são responsáveis por gerar os cabeçalhos e a navegação em seu site.

Uma vez que você tiver aberto o arquivo header.php, primeiro adicione o código de rastreamento na seção header, especificamente no topo do elemento <head>.

<head>
<!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WHWQMKM');</script><!-- End Google Tag Manager →
<!-- Other code follows after the tracking code -->
</head>

De maneira similar, adicione o segundo código de rastreamento para a seção header, especificamente bem no topo do elemento <body>.

<body>
<!-- Google Tag Manager (noscript) →<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WHWQMKM"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) →
<!-- Other code follows after the tracking code -->
</body>

Salve as mudanças assim que tiver terminado. Devido à natureza dos arquivos de template de temas, você precisa ser cuidadoso quando estiver promovendo quaisquer mudanças no header.php.

Caso falhe na hora de fazer isso, você pode acabar com um modelo quebrado e no funcionamento inadequado do código de rastreamento.

Dito isso, é melhor fazer uma cópia dos códigos do arquivo antes de promover quaisquer mudanças para ele. Dessa maneira, se as coisas derem errado, você sempre pode restaurar o código original.

Como Adicionar Tags de Rastreamento para o Google Tag Manager

Depois de implementar com sucesso o código de rastreamento em seu site, é hora de aprender como adicionar códigos de rastreamento para a sua conta do Google Tag Manager.

1. Volte para o seu Dashboard do Google Tag Manager, clique em Add a new tag (Adicionar uma nova tag) na seção New Tag (Nova tag).

Menu para adicionar nova tag para o Google Tag Manager

2. Clique na seção Tag Configuration (Configuração de Tag) e escolha a tag que você deseja adicionar.

Seleção do tipo de tag que o usuário deseja adicionar no GTM

Dica

Dependendo do tipo de tag, você pode precisar providenciar certos dados relativos ao seu Partner ID (ID de Parceiro). Para fazê-lo, você precisa saber quais os requisitos específicos que o seu produto demanda antes de realizar esse passo.

3. Não se esqueça de configurar o gatilho através da seção Triggering (Acionamento). Esse passo determina a ação que vai fazer com que a sua tag de rastreamento seja carregada.

4. Uma vez que você tiver terminado, clique no botão Save (Salvar) no canto superior direito da página.

5. Renomeie a tag de maneira apropriada e clique em Publish (Publicar).

Parabéns, você agora está pronto para usar o Google Tag Manager!

Conclusão

O Google Tag Manager é uma ferramenta de gerenciamento de sistema gratuita que permite que você coordene múltiplas tags de rastreamento simultaneamente. Não apenas isso, como o sistema é capaz de rastrear comportamentos do usuários e conversões, produzindo dados analíticos para propósitos de marketing digital.

Para implementar o Google Tag Manager no WordPress, você precisa passar pelos seguintes passos:

  • Se cadastre no Google Tag Manager;
  • Pegue o trecho de código do GTM;
  • Adicione o código de rastreamento para as seções header e body do WordPress;
  • Configure e publique suas tags no Google Tag Manager.

Fácil de usar, gratuito e altamente benéfico. Como não amar o Google Tag Manager?

Author
O autor

Carlos E.

Carlos Estrella é formado em jornalismo pela UFSC e tem as funções de redator, tradutor e SEO na Hostinger Brasil. Já trabalhou com jornalismo de games e tecnologia e hoje aplica essa experiência escrevendo posts e tutoriais no blog da Hostinger. Suas paixões incluem games, dar rolês com a namorada e amigos e ler artigos aleatórios da Wikipédia de madrugada.