Antes de começar, temos uma informação importante sobre esse artigo:
- Por se tratar de uma plataforma externa, as imagens e vídeos contidas nesse tutorial são meramente ilustrativas e podem ser alteradas sem aviso prévio. Em caso de dúvidas, aconselhamos que você entre em contato com o suporte da ferramenta em questão.
O Pixel é um código fornecido pelo Facebook para inserir nas páginas que você deseja gerar dados de rastreamento.
Além disso, também é possível rastrear as ações que acontecem dentro do seu site, como por exemplo, um visitante acessa a sua página de vendas e compra seu produto, nesse caso, o Pixel irá marcar a pessoa que acessou e comprou.
Esta ação, que no exemplo que eu acabei de falar foi a compra, é chamada de Evento.
Índice:
- Criando o código Pixel
- Instalando o código Pixel no Hotmart Pages
- Configurando o código de Evento
- Testando o código Pixel
ATENÇÃO!
Devido a novas implementações de segurança e privacidade dos dados no iOS14, o mapeamento de eventos do Pixel sofreu uma importante alteração. No iOS 14, todos os usuários terão a oportunidade de aceitar ou não ter os dados rastreados por sites e aplicativos (AppTrackingTransparency). Em caso de o usuário optar por não ter sua atividade rastreada, as ações do usuário não serão registradas nos eventos, mesmo se os códigos de pixel e eventos estiverem instalados corretamente. Isso pode impactar nos números apresentados pelo seu Gerenciador de Anúncios. Não é possível a criação de públicos personalizados, para esses que não aceitaram o rastreamento.
Criando o código Pixel
O código Pixel não é visto pelos visitantes que entram em seu site, ele fica oculto e marca todas as pessoas que acessam sua página.
Agora que você já sabe o que são o Pixel e o Evento do Facebook, eu vou te mostrar o passo a passo de configuração e instalação.
Primeiro, é necessário criar uma conta no Gerenciador de Negócios, se você ainda não possui uma, acesse o link do Facebook Business para criar.
Acesse aqui - Facebook Business
1. Com a tela aberta no Gerenciador de Negócios, clique em “Configurações” e “Configurações do Negócio”.
2. Em configurações do negócio no menu lateral esquerdo, vá em “Fonte de Dados”;
3. Clique em “Pixels”.
4. Clique em “Adicionar”, onde será possível dar um nome para seu Pixel.
O campo para inserir o site é opcional, recomendamos não colocar, pois assim se quiser inserir o mesmo Pixel em diversas páginas diferentes será possível.
5. Clique em "Continuar".
6. Selecione a opção: “Configurar o Pixel Agora”.
Aqui você irá escolher a opção de adicionar manualmente o código do Pixel ao site.
Vai ser exibido um código do Pixel. Copie esse código.
Código do Pixel criado, não precisa clicar em continuar, pode fechar a janela, por ora.
Recomendamos sempre colar o código do Pixel em um Bloco de notas para não ter risco de perder o código copiado.
Ainda na página do Pixel, no lado direito, é possível encontrar o número de identificação.
Cada Pixel tem um número de identificação (ID), por isso que cada Pixel é único.
Instalando o código Pixel no Hotmart Pages
Agora, acesse o Hotmart Pages para instalar na página o código que foi copiado.
1. Acesse sua conta na plataforma pelo link: https://app-vlc.hotmart.com/login
2. No menu das 9 bolinhas, clique em "Criador de Páginas";
2. Na edição da página, clique em "Configurações" > “Scripts”.
O próprio Facebook recomenda que o código base do Pixel seja inserido no HEAD.
3. Com a opção HEAD selecionada, clique em “Adicionar Script no Head”.
Dê um nome para o seu Pixel para que você consiga identificá-lo.
Aqui no exemplo, ficará como “Pixel Base do Facebook”.
Pegue o código que foi copiado e cole no campo "Script".
Algo bastante importante de mencionar é que é sempre bom verificar se não há espaços no início e no final do código, pois se houver, irá aparecer uma mensagem de erro no script e o Pixel não será salvo.
Adicionando o código, clique em “Adicionar”.
Abaixo na página, é mostrado uma mensagem de que o Script foi salvo com sucesso.
Agora o Pixel Base está configurado corretamente na página.
Para finalizar essa etapa, clique em Publicar a página.
Depois acesse a sua página publicada para que o Facebook valide o funcionamento do código.
Lembrando que o Pixel tem como objetivo rastrear as pessoas que estão acessando uma determinada página, ou seja, se quiser que o Pixel colete dados de todas as suas páginas, é necessário inserir o código em cada uma delas da mesma maneira que foi mostrado neste tutorial.
Configurando o código de Evento
Uma exigência para fazer essa instalação do evento, é que primeiro tem que inserir o código base do Pixel em sua página.
Apenas depois de inserido é possível configurar os eventos do Facebook.
O Facebook tem uma ferramenta de Configuração de Eventos padrões, na qual toda a instalação é realizada sem inserir nenhum outro código.
1. Se caso estiver na página inicial do Facebook Business, clique em "Mais Ferramentas" > "Gerenciador de Eventos".
2. Na página do Pixel, em Gerenciador de Eventos, clique em “Adicionar Eventos” e selecione a opção “Do Pixel”.
3. Clique no botão “Abrir a ferramenta de configuração de eventos”.
Uma observação: há um erro de tradução dizendo que “não pode usar a ferramenta de configuração de eventos para adicionar parâmetros e eventos padrão sem precisar criar código”.
O correto seria remover o “não”, pois “você pode usar a ferramenta de configuração de eventos para adicionar parâmetros e eventos padrão sem precisar criar código:”.
Ou seja, com o Pixel instalado na sua página, é possível utilizar esta ferramenta para configurar os eventos sem precisar mexer em código.
Irei inserir a URL da minha página de obrigado como exemplo para inserir o Evento Registro Concluído e depois clicar em “Abrir Site”.
Lembrando que é necessário o Pixel base estar instalado em sua página para dar certo.
4. Depois de clicar em “Abrir Site”, será aberta a página em que inseri o link e um pop up da ferramenta de configurações de evento será mostrado.
No “Eventos nesta página” é informado que não foi identificado nenhum evento nesta página, pois não há ainda nenhum configurado até agora.
Em “Todos os Eventos” serão mostrados outros eventos que foram configurados no mesmo Pixel em outras páginas que você tiver.
Você pode escolher a opção de “Rastrear Botões” ou “Rastrear uma URL”.
Em “Rastrear Botões” serão rastreados os lugares onde as pessoas podem clicar dentro da página.
Ao clicar em “Rastrear Novo Botão”, serão destacados todos os botões da página que são possíveis para inserir um evento.
Ao selecionar o botão, a ferramenta vai perguntar qual é o tipo de evento que ele deve atribuir e vai listar todos os eventos padrões.
Mas para esse exemplo, vamos inserir o evento “Registro Concluído” na página de obrigado.
5. Clique em “Rastrear uma URL”;
6. Escolha o evento “Registro Concluído”;
7. Clique em “Confirmar”.
Terminando de configurar os eventos, basta clicar em “Concluir configuração”.
Nesta próxima janela, você tem o resumo dos eventos que foram instalados na página.
Confirme se está tudo certo e conclua.
Pronto! Já está rastreando o evento.
É possível editar ou excluir o evento, se for necessário.
Você também pode colocar diversos eventos em uma mesma página.
Se quiser mudar algum evento ou adicionar outros, basta clicar novamente em “Adicionar Eventos”> “Do Pixel”, clique em “Abrir a ferramenta de configuração de eventos” e insira novamente a URL da página e clique em “Abrir site.”
A ferramenta de configuração de eventos vai se abrir novamente, mostrando o evento que foi configurado anteriormente na página.
Testando o código Pixel
- Eventos de Teste
Depois de configurar e instalar o Pixel e os Eventos do Facebook, é importante verificar se eles estão funcionando corretamente.
Há duas maneiras de fazer essa verificação.
A primeira maneira é usando o “Eventos de Teste”.
No Gerenciador de Eventos, vá em “Eventos de Teste”.
Coloque qualquer URL em que foi instalado o Pixel.
Nesse caso já está com o endereço do link que quero verificar e vou clicar em “Abrir Site”.
Ao acessar a página, por ser um evento de Registro Concluído, o Facebook já rastreia automaticamente.
Se for algum botão que foi configurado, só clicar no botão para contabilizar.
Voltando para o Gerenciador de Eventos, nota-se que já rastreou o PageView que é o código padrão do Pixel e também o evento Registro Concluído.
Clicando em cima, é possível ver algumas informações como qual é o gatilho utilizado para contabilizar, neste caso foi acessando a página de obrigado, o que quer dizer que a pessoa realmente acessou a página.
- Pixel Helper
A segunda maneira para verificar, é instalando a extensão Pixel Helper no navegador Google Chrome.
Depois de instalada, basta acessar a página e clicar no ícone da extensão.
Ela mostrará todos os eventos que estão instalados na página.
Pelo Pixel Helper você consegue visualizar a ID do seu Pixel e se seguiu os passos corretamente deste tutorial, o pixel e o evento irão funcionar e serão mostrados por esses ícones.
O PageView ficará com esse ícone verde e os eventos serão identificados por este outro ícone:
Então, é desta maneira que você instala o código base do Pixel e os eventos padrões do Facebook.
Caso o Gerenciador de Eventos ou o Facebook Pixel Helper está mostrando algum erro, recomendamos que entre em contato com o suporte do Facebook para que eles verifiquem a sua conta e as configurações no Gerenciador de Eventos.
Já que na página do Hotmart Pages a instalação foi realizada corretamente e o carregamento do código e do evento do Pixel foi feito com sucesso.
Prontinho! Seu Pixel e os Eventos estão configurados em sua página =)
Tem alguma dúvida ou precisa de ajuda?
Se você já é cliente, nossos canais de atendimento estão disponíveis na própria plataforma. Ao efetuar o login na sua conta, basta clicar no botão de ajuda (?) localizado no canto superior direito.
Se você ainda não é cliente e não encontrou resposta para sua dúvida aqui na nossa Central de Ajuda, pode nos enviar um email através do formulário, clicando aqui.
*Imagens meramente ilustrativas. O painel dentro da plataforma pode sofrer alterações de acordo com novas atualizações.