Embed Size (px)
Citation preview
GOOGLE TAG MANAGER
Um guia para melhores práticas
1
Autor: Thiago Acioli
Data Intelligence Analyst
Agência Foster Edge
O objetivo desta apresentação é demonstrar os benefícios da ferramenta Google Tag Manager para otimização do tempo das task de tagueamento para os novos projetos.
2
OBJETIVO
3
?
O Google Tag Manager (Gestor de Etiquetas Google) permite atualizar rápida e facilmente as tags (etiquetas) do seu website, tais como do Adwords, Analytics, Remarketing, Facebook Pixel Conversion, etc.
4
O QUE É?
Muitas vezes um website acaba por ter vários códigos JavaScript, como o código do Google Analytics, o código do Google Adwords, código de mídias sociais, entre outros. Torna-se chato ter de adicionar estes fragmentos JavaScript de cada vez que tiver mais um para adicionar ao seu website.
5
O QUE É?
O Google Tag Manager é uma solução de gestão de tags a partir de uma única interface web, onde pode adicionar e remover etiquetas à vontade.
6
O QUE É?
A vantagem de usar o Google Tag Manager é que não tem de adicionar o código do Analytics, Adwords, etc – pode apenas ter um único código, o do Google Tag Manager, e este terá, dentro dele, todos os códigos que precisa (Analytics, Adwords, outros).
7
POR QUE USAR?
8
NÃO SOU OBRIGADA
A NADA
Se não usar o Google Tag Manager, você terá que adicionar esses fragmentos de código, um a um, no seu site.
9
NÃO QUERO
10
APENAS 10 MINUTOS PARA CONFIGURAR
Criar uma conta no Google Tag Manager é simples. Entre na sua conta Google, vá a https://www.google.com/tagmanager e clique em “Sign up now”.
11
CONFIGURAÇÃO
Crie uma nova conta. Uma conta no Google Tag Manager é o cliente onde pode colocar tudo o que estiver relacionada com ele, mesmo que tenha muitos projetos.
12
CONFIGURAÇÃO
13
!ATENÇÃO
Algumas coisas que você precisa saber !
• Conta: é o nome da conta, normalmente o nome da empresa para a qual irá gerir as tags. • Conteiner: é o nome do site/projeto para o qual irá gerir as tags. • Tags: serão criadas e contidas num conteiner. Por exemplo, uma tag para o Google Analytics, outra tag para o Google Adwords. • Regras: definem quando e como estas tags serão executadas. Poderá ser em todas as páginas do site (ex.: Google Analytics) ou apenas numa única página (ex.: landing page com Pixel Conversion do Facebook).
14
PRECISA SABER
Agora terá de criar um conteiner para colocar as suas tags. Este nome deverá ser do seu site, pois facilita poder encontrá-lo quando tiver vários conteiners (sites/projetos) e contas. !Se lec ione Pág inas Web pa ra aparecerem mais campos. A menos que saiba o que está fazendo, e tenha um site que tenha tanto tráfego http como encriptado em https, deixe a pré-definição de // em Domínios. Assim o seu conteiner terá ambas as versões (http e https). Pode colocar o seu domínio com www, ou sem www. Escolha o fuso horário e clique em Criar conta e contentor.
15
CONFIGURAÇÃO
Caso as tags sejam para aplicativos, teremos as opções de desenvolvimento para iOS e Android
Na próxima página, o Google dará-lhe um código para adicionar no seu site, de preferência após a tag <body>. Se estiver usando um gestor de conteúdos (CMS) como WordPress, pode adicioná-lo no arquivo header.php, após o <body> ou fazer uso de algum plugin.
16
CONFIGURAÇÃO
17
CONFIGURAÇÃO
Painel principal
18
CONEXÃO GA COM GTM
Agora que temos um conteiner no Tag Manager, e partindo do princípio que você já tem uma Propriedade no Google Analytics, está na hora de ligar os dois. É fácil, irei descrever de seguida como fazer isto com uma tag simples.
19
CRIAR NOVA TAG
Atribua um nome. Neste caso, escrevi Google Analytics pois pretendo ligar o código padrão do Google Analytics ao Google Tag Manager. Em baixo, escolhi o tipo da tag, que é Google Analytics > Universal Analytics.
20
CONFIGURAR TAG
Coloque o UA da conta do Google Analytics. !Escolha o tipo de acompanhamento. !Por padrão, a primeira tag que vamos adicionar será a exibição de página.
21
CONFIGURAR TAG
No caso do Google Analytics é simples: queremos que esteja em todas as páginas, portanto basta assinalar “Todas as páginas”. !Caso quiséssemos rastrear estatísticas apenas de uma landing page específica, teríamos de criar uma nova regra.
22
ADICIONAR PIXEL TAG DO FACEBOOK
Clique em nova tag e dê um nome à etiqueta. Neste caso escreveremos "Pixel Tag do Facebook". Para adicionar o código de conversão do Facebook escolho "Tag de HTML Personalizada".
23
ADICIONAR PIXEL TAG DO FACEBOOK
No campo do “HTML”, coloco o código do pixel de conversão fornecido pelo Facebook no Gestor de Anúncios.
24
ADICIONAR REGRA PARA TAG
Na caixa "Acionadores", vou escolher onde e como esta tag será disparada. Como estou usando uma pixel tag de conversão, devo rastrear conversões numa página específica (ou landing page). Quero apenas que o pixel tag seja disparada nessa página de destino. Se essa regra fosse para o Google Analytics, devo colocar para "Todas as páginas".
25
PUBLICAÇÃO
Após ter criado a conta, conteiner e tags, publique o que fez ou não aparecerão dados no seu Google Analytics, remarketing, ou outras tags que você tenha criado.
