Escolar Documentos
Profissional Documentos
Cultura Documentos
Google Analytics
O Google Analytics é uma ferramenta utilizada para que você possa verificar o
número de visitas do seu site, além de obter informações sobre o tipo de
público que acessa o seu site.
Onde deve ser instalada: Em todas as páginas do seu site.
Google Optimize
O Google Optimize é uma ferramenta do Google para testar páginas, fazendo
com que as visitas sejam dívididas em diferentes páginas para mensurar qual
página traz um melhor resultado de um mesmo objetivo.
Onde deve ser instalada: Em todas as páginas do seu site.
(R)
1 SITE
(C)
(R)
2 SITE
(C)
(R)
3 SITE
(C)
Algumas plataformas como o WordPress, possui plugins que facilitam a instalação de Tags no
site, ou já possuem campos específicos (dependendo do tema escolhido) para instalar códigos
no Header e Body do site. Dessa maneira você pode instalar qualquer código diretamente no
site ou instalar o Tag Manager, você fica livre para decidir o melhor caminho para você.
Veja abaixo um Exemplo de um site WordPress que possui um local para instação de Scripts.
Esse local varia de acordo com seu tema ou plugin.
Wix
Se você notar, o Wix
também oferece
opções para instalação
de Tags do Ads,
Analytics e Facebook
diretamente na
plataforma.
xtech
commerce
O xtech commerce
oferece um local
específico também
para você colocar seu
ID do Tag Manager de
forma fácil.
Ainda que seja possível colocar códigos de conversão diretamente em cliques de botões, links,
entre outras formas mais avançadas. A forma mais garantida e usual é você ter uma página
específica para finalização do seu objetivo no site, como uma página de obrigado pela
compra ou obrigado pelo contato. Esse tipo de página geralmente é simples e serve para que
você possa instalar o código de Conversão do Google e metrificar suas campanhas.
Vejamos alguns exemplos de como uma página de obrigado funciona.
Ecommerce
Pessoa entra no site coloca Efetua o pagamento Página de Finalização de compra
o produto no carrinho do produto e é redirecionada (Aqui vai o código de Conversão)
Colocando a
mão na massa.
Vou listar aqui o passo a passo para que consigamos instalar todas as Tags no seu site pela
maneira mais recomendada que é pelo Google Tag Manager. Então, basicamente
seguiremos esse caminho detalhadamente:
Opcionais:
2 - Você não precisa criar uma conta de e-mail nova se você já tem um gmail. Você pode
entrar no Tag Manager pela sua conta do gmail (A mesma que você utiliza no Google Ads).
Caso você não tenha uma, clique em “Criar conta” para iniciar a criação de uma conta do gmail.
3 - Agora que você já acessou o Tag Manager, clique em “Criar conta” dentro do Tag Manager.
Esse código é usado para instalar o Google Tag Manager no seu site, caso você utilize platafor-
mas que peçam apenas o “ID” do Tag Manager, você pode ignorar esse código. O ID está
visível na parte superior direita da página, algo parecido com: GTM-MRQDJ34. Se você clicar
sobre o ID, você acessa os códigos acima novamente, caso não tenha conseguido salvar.
3 - No campo de busca da página de plugins, procure por “Tracking Code” e instale o Plugin
chamado “Tracking Code Manager”. Depois clique em “Ativar”.
5 - Na página de configuração do Plugin, vamos clicar em “CLICK HERE” para começar a insta-
lar seu código do Google Tag Manager.
7 - Primeiro iremos instalar o código no Head do site. Então siga as configurações abaixo:
- Abaixo do campo preto, você irá selecionar “Before </HEAD>” Para dizer ao plugin onde esse
código será instalado.
- Em “Show only on devide” Deixe Selecionado “All”. Esse campo serve para escolher se você
quer instalar somente em computadores ou celulares. Deixe “All” para funcionar em todos.
- Selecione “Standard code tracking in WordPress”.
- Selecione “In the whole website (pages, posts and archives), para instalar o código em Todas
as páginas do seu website.
8 - Você será novamente redirecionado para a página de configuração do Plugin, mas desta
vez já mostrando o código instalado. Clique em “Add new Tracking Code” para iniciarmos a
Instalação da segunda parte do código do Tag Manager.
Pronto, temos o Tag Manager instalado no seu site e agora vamos testar para ver se a instala-
ção está correta.
Agora abra o seu site em uma nova página no seu navegador. Se aparecer um campo de
configuração do Tag Manager na parte inferior do seu site enquanto o Tag Manager está
em módulo de visualização, é porque o código está funcionando corretamente.
Pronto. O Google Tag Manager está instalado no seu site. Para sair do módulo de visualização,
va no seu Google Tag Manager e clique em “Sair do modo de visualização”.
Esse mesmo processo de instalação do código do Tag Manager funciona também para os
demais códigos, como o de Analytics, Remarketing e Google Optimize, porém, nesse ebook,
vamos focar em instalar tudo utilizando o Tag Manager a partir de agora, visto que é a forma
mais segura e recomendada.
Obs: Caso você esteja utilizando Elementor no WordPress, fez a instalação correta e mesmo
assim o código não funcionou. Vá na página que o código não apareceu, clique para editar
página, e na lateral direita do WordPress vá em “Atributos de Página” e selecione “Elementor
Canvas Largura Total”. (Essa opção fica próxima do botão de “publicar” a página).
6 - Clique em Salvar.
4 - Abrirá uma nova página. Insira seu ID do Tag Manager no campo indicado e clique em
“Salvar”. Pronto, seu código estará pronto.
7 . Como instalar
o Google Analytics
pelo Tag mager
1 - O primeiro passo é você acessar o site do Google Analytics, onde vamos criar uma conta
para pegar um código e colocar no seu site. Acesse: analytics.google.com
É importante que você já esteja “logado” na conta do Google em que você criou para insta-
lar o Tag Manager.
3 - Na primeira página você apenas irá Colocar um nome de sua escolha para a conta e clicar
“Próxima” no final da página.
5 - Na terceira parte você vai colocar o nome do site, a URL do site, selecionar uma categoria
que tenha mais relação com seu negócio e selecionar o país e o horário. Depois clicar em
“Criar”.
Como vamos instalar este código pelo Tag Manager, iremos precisar apenas do ID de acom-
panhamento.
OBS:. Caso você queira instalar o código diretamente no seu site em formato de HTML sem
utilizar o Tag Manager, você precisa inserir o segundo código no “HEAD” do seu site.
8 - Copie o ID de acompanhamento e salve em algum lugar que vamos precisar dele no próxi-
mo passo.
9 - Agora vamos para o site do Tag Manager. Acesse novamente sua conta no https://tagma-
nager.google.com/ e Clique em “Nova tag”
14 - Você voltará automaticamente para a página anterior. Agora vamos configurar um aciona-
mento, ou seja, escolher onde esse código irá ativar. Selecione o quadrante “Acionamento”
17 - Agora que o código está instalado, vamos enviar ele para seu site. No Google Tag Manager
clique em “Enviar” no canto superior direito para enviar as configurações para o seu site. Abrirá
uma página nova, insira um nome e uma descrição das alterações caso ache necessário e
clique em públicar.
No próximo tópico iremos aprender a verificar se o código está realmente instalado no seu site.
8. Como verificar se um
código está realmente
instalado no site
Basicamente existem 2 formas de verificar isso. A primeira delas é pelo módo de visualização
do Google Tag Manager.
2 - Depois de ativar o módulo de visualização, acesse o seu site em uma nova aba do seu nave-
gador. Aparecerá um console de visualização em cima do seu site, na parte inferior da página.
Tags Fired On This Page: São as Tags que estão instaladas no site e ativadas na página que
você está visitando nesse momento.
Tags Not Fired On This Page: São as Tags que estão instaladas no site, porém não estão
ativadas na página que você está visitando nesse momento.
Como temos apenas o Google Analytics instalado, vemos apenas uma Tag nesse console.
Como ela está na parte de cima, significa que ela está instalada e funcionando corretamente.
4 - Acesse a página do site que você deseja verificar se a Tag está instalada.
5 - Clique no ícone que apareceu no seu navegador, clique em “Done” e depois em “Enable”
6 - Após clicar em “Enable” atualize sua página, basta apertar a teclad “F5” do seu teclado. (Tem
que ser na mesma aba do navegador que você está.)
Quando houver um erro na Tag, provavelmente ela aparecerá na cor “vermelha”. Geralmente
Tags azuis, verdes e amarelas funcionam corretamente.
1 - Entre na sua conta do Google Ads e acesse a tela mostrada na imagem abaixo:
Após essa parte, aparecerá 3 quadrantes para você selecionar a forma que você irá instalar a
Tag no seu site. A primeira opção é para quem quer instalar o código diretamente no site sem
a utilização do Tag Manager. Como nós já fizemos a instalação do Google Tag manager, vamos
selecionar a terceira opção.
13 - Você voltará para a página inicial do Tag Manager. Basta clicar em “enviar” e depois “públi-
car” para enviar o código para o seu site. Depois você pode usar o modo de visualização para
verificar de a Tag foi Instalada corretamente. (Como já vimos anteriormente nesse e-book)
6 - Após configurar, clique em “Criar e Continuar”. Como já temos o Tag Manager instalado,
vamos selercionar a terceira opção.
Perceba que o ID sempre será o mesmo (igual ao de remarketing), pois ele é único em cada
conta, o que muda de conversão para converão é o Rótulo de Conversão conforme destaque
na imagem.
8 - Com o rótulo e o ID salvos em um local seguro, vamos abrir novamente sua conta do Google
Tag Manager.
Acredito que nesse ponto do e-book você já deva estar começando a entender, mas quero que
você preste um pouco mais de atenção nesse porque ele vai ser um pouco diferente das insta-
lações dos códigos anteriores.
13 - No canto superior direito clique no ícone “+” para abrir a lista de acionadores.
17 - Você vai voltar para a página anterior, verifique se ficou parecido com a imagem abaixo e
clique em Salvar.
IMPORTANTE: Você pode utilizar o modo de visualização para verificar a instalação da Tag no
seu site, porém, ela só deve estar ativada na página que você selecionou (/obrigado). Nas
demais ela estará presente, porem não deve estar ativada.
Na página de Obrigado ficará assim, no quadrante superior “Tags Fired On This Page”
Nas demais página ficará assim, no quadrante inferior “Tags NOT Fired On This Page”.
OBS:. Para que você possa vincular sua conta do Analytics com o Google Ads, seu e-mail preci-
sa ter acesso à sua conta do Google Ads.
5 - Aqui irão aparecer as contas que você tem acesso com seu e-mail no Google Ads. Selecio-
ne a conta desejada e clique em continuar.
2 - Dentro do gerenciador, selecione a conta que você trabalha nas suas campanhas.
Se a opção “Conectar uma plataforma de parceiro” estiver disponível para você, selecione ela.
Caso contrário, siga adiante no tutorial onde eu mostrarei como instalar utilizando o código.
9 - Abrira uma lista de parceiros, selecione “Gerenciador de Tags do Google” (Google Tag
Manager).
Pronto! Seu Pixel do Facebook foi instalado, pode clicar em fechar na próxima tela.. Caso sua
conta no Facebook ainda não possuia esta opção, vamos ver uma segunda maneira de instalar
o Pixel do Facebook no Tag Manager.
1 - Agora vamos selecionar a segunda opção “Instale você mesmo o código do pixel manual-
mente”.
5 - Agora vamos ao Tag Manager inserir o código que você salvou no seu site.
10 - Selecione “All Pages” para ser instalado em todas as páginas do seu site.
12 - Agora basta Enviar e publicar o código no seu site, como os demais códigos que fizemos
anteriormente.
Por padrão, o pixel do facebook configura o evento de "PAGE VIEW", então com isso será fácil
criar suas conversões personalizadas (vamos ver como no próximo tópico).
Lembrando que a tag do facebook é única para Conversão e Remarketing, você só precisa
instalar uma Tag, uma única vez no site todo.
3 - Siga o exemplo da imagem a seguir (próxima página) para criar sua conversão personaliza-
da.
1 - Acesse o site https://optimize.google.com/ (esteja logado com sua conta do Google) e clique
em “primeiros passos”
2 - Na primeira página, selecione se você deseja ou não receber dicas e recomendações sobre
os produtos do Google e clique em “Próxima”.
5 - Note que na teoria, já estamos configurando seu primeiro Teste A/B do site. Aqui nessa
página vamos inserir um nome e a URL da página que você quer realizar o teste A/B.
Temos vários tipos de testes, sendo que o “Teste A/B” e o “Teste de redirecionamento” são os
mais utilizados.
Coloque um nome, selecione o tipo de teste que você deseja realizar e clique em “Criar”.
OBS: Em resumo:
Teste A/B serve para quando você quer testar algo muito único na sua página, como a Hradline,
o botão ou imagens únicas. Nesse tipo de teste você não precisa ter 2 páginas diferentes, pois
a personalização da página (mudança de texto, cores, etc) é feita diretamente pelo Google
Optimize.
Teste de redirecionamento é um teste onde você dívide os acessos em duas páginas distintas
para verificar qual delas gera mais conversão. Nesse caso, você precisará de duas URL’s para
testar. Como:
dominio.com.br/pagina-1
dominio.com.br/pagina-2.
8 - Ao clicar em editar, o Google Optimize pedirá que você instale uma extensão no seu Google
Chrome para conseguir realizar a edição da página diretamente no navegador. Clique em
“Instalar Extensão”.
9 - Com a extensão instalada, você conseguira editar cores e textos da sua páginas utilizando
os menus que aparecerão na sua tela. Faça as alterações que deseja textar e quando estiver
concluído, clique no botão “Concluído” no canto superior direito da tela para salvar.
12 - Assim que você clicar em “vincular” Irá surgir uma janela com o código de instalação. Como
já utilizamos o Tag Manager, nós vamos precisar apenas do ID do Google Optimize, que você
pode copiar desse código, onde marquei na imagem abaixo. Depois de salvar esse ID, clique
em “Concluir” e vamos para o Google Tag Manager continuar a configuração por lá.
17 - No seu Google Tag Manager, Clique no menu esquerdo onde está escrito “Tags” para visua-
lizar a lista de Tags Instaladas pelo seu Tag Manager.
18 - Vamos modificar a Tag do Google Analytics. Encontre ela na Lista e clique sobre o nome
dela.
22 - Você voltará para a página anterior, clique em Salvar para voltar para a página inicial do
Google Tag Manager.
23 - Na lista de Tags, vamos fazer uma pequena modificação na Tag do Google Optimize.
Clique sobre o nome da Tag do Google Optimize para alterá-la.
Você pode utilizar o modo de visualização do Tag Manager para verificar se a instalação está
correta. Mas também é possível gerar um diagnóstico pelo Google Optimize, como iremos ver
daqui a pouco.
26 - Agora que já temos Analytics Vinculado e Tag devidamente instalada no seu site, vamos
criar um objetivo.
Volte para o seu experimento do Google Optimize e clique em “Adicionar Objetivo do Experi-
mento” e depois em “Criar objetivo personalizado”
28 - No menu abaixo eu vou selecionar “Regex” para que eu não necessariamente precise
inserir a URL completa do site. E no campo da direita vou inserir a minha página que é /obriga-
do/
Se esse objetivo for válido e já ocorreu algum acesso no seu site, o seu próprio Google Analyti-
cs vai mostrar se a regra que você escolheu é válida ou não.
Se você tem certeza que esse objetivo já aconteceu, e mesmo assim não existem sessões,
mude a configuração da URL e confira se a URL que você adicionou está correta.
29 - Agora que você já definiu um objetivo, clique no botão “Salvar no canto superior e dê um
nome para o objetivo para voltar para a configuração do experimento.
30 - Para finalizar nosso Teste A/B vamos executar um diagnostico para ver se existe algum erro
na instalação. Desça a página e clique em “Executar diagnóstico”.
30 - Para finalizar nosso Teste A/B vamos executar um diagnostico para ver se existe algum erro
na instalação. Desça a página e clique em “Executar diagnóstico”.
32 - Agora que está tudo certo, basta clicar em “Iniciar” para começar a rodar o Teste A/B.
Na página inicial do Google Optimize você pode ver a lista de testes que estão rodando no seu
site ou Criar novos. Clique sobre o teste que está rodando para pausar ou verificar resultados.
A partir de agora você pode criar testes A/B sem ter mais que fazer configurações de TAGS pois
elas já estão prontas. Basta definir o teste, os objetivos e Iniciar seus testes.
É recomendado que você realize testes por períodos longos para que seus dados sejam mais
concretos. Recomendamos, no mínimo, 2 semanas por teste.
15 - Como Instalar um
Código de Conversão em
um botão de WhatsApp ou
Formulário (Avançado)
Chegamos ao último tópico deste e-book. Aqui vamos ver uma forma de instalar o código de
Conversão do Google Ads para que ele ative ao clicar em algum botão do site, podendo, em
algumas vezes ser o botão de um formulário, ou o botão de um WhatsApp ou telefone, por
exemplo.
Para que esse método funcione, o botão no qual será instalado o código de conversão irá preci-
tar ter:
Uma URL única: Por exemplo botões de WthasApp que possuem links como:
https://api.whatsapp.com/send?phone=5599999999984&text=Como%20gerar%20tags
Ou alguma Classe ou ID único nos botões de formulário, como por exemplo, os botões do
Plugin de contato chamado Contact Form 7 que é muito comum no WordPress e possui uma
classe única para o botão chamada “.wpcf7submit”.
Para que esse método funcione, o botão no qual será instalado o código de conversão irá preci-
tar ter:
Uma URL única: Por exemplo botões de WthasApp que possuem links como:
https://api.whatsapp.com/send?phone=5599999999984&text=Como%20gerar%20tags
Ou alguma Classe ou ID único nos botões de formulário, como por exemplo, os botões do
Plugin de contato chamado Contact Form 7 que é muito comum no WordPress e possui uma
classe única para o botão chamada “.wpcf7-submit”.
Esse método não vai servir para todos os formulários, visto que alguns sites não possuem
esses detalhes, mas é um método que ajuda muitas pessoas que não conseguiram crirar um
redirecionamento de formulário em seu site.
Nesse tutorial, vamos usar um botão de WhatsApp como exemplo para instalar o código de
Conversão no clique.
1 - A primeira parte é pegar seu ID de Conversão e Rótulo de Conversão do Google Ads, expli-
camos isso lá no Tópico 10 deste e-book. Volte lá e crie seu código de Conversão para come-
çarmos a configurar ele no Tag Manager. Após você gerar sua Tag, você vai chegar na imagem
abaixo. Salve o ID e o Rótulo.
Esse acionamento será um pouco diferente dos anteriores. Preste muita atenção.
7 - Clique no “+” localizado no canto superior direito da tela para escolher novos acionadores.
*Note que existem diversas variáveis integradas que você pode utilizar para outras finalidades,
como o “Click ID” e “Click Classes” que podem ser utilizados em botões de formulários ou
outros botões que possuem classes ou IDs específicos no HTML do Site.
Caso você ainda não tenha e queira gerar um link de WhatsApp para inserir em seu site, reco-
mendo acessar o site https://www.convertte.com.br/gerador-link-whatsapp/ e gerar seu link
com número e mensagem que deseja, para inserir no botão do seu site.
13 - Com o link do WhatsApp em mãos, vamos terminar a configuração da Tag no Tag Manager.
No campo do meio, deixe selecionado “contém”, e no campo da direita, cole a URL do seu
WhatsApp exatamente como você copiou do site, vai ficar como na imagem a seguir:
Você pode usar o modo de visualização do Tag Manager para testar o código, porem, vai ser
um pouco diferente. Entre no módulo de visualização e acesse o seu site. Note que a Tag está
como instalada, porém não estava ativada e aparece no quadrante de baixo.
Pronto, agora toda vez que alguém clicar em um botão de WhatsApp irá gerar uma Conversão
na sua conta do Google.
Diferente de instalar o código de Conversão em uma página de obrigado, esta maneira não é
tão certeira nas métricas visto que algumas pessoas clicam no WhatsApp, porem não entram
em contado definitivamente com você, mas ainda assim, é melhor do que não ter métrica
alguma.
Entendemos que pela infinidade de plataformas existentes, uma minoria pode não conseguir
utilizar os métodos aqui descritos para instalar Tags, entretanto, sei que esse material vai auxiliar
a grande maioria.
Em caso de dúvidas entre em contato com a equipe do Conversão Extrema pelo WhatsApp
que vamos te ajudar no que for necessário.