Conceito

O Facebook Pixel é uma ferramenta de análise e rastreamento oferecida pelo Facebook. Sua função principal é ajudar os anunciantes a entenderem melhor o comportamento dos usuários em seus sites e a medir a eficácia de suas campanhas de publicidade no Facebook.

Ao instalar o Facebook Pixel em um site, é possível rastrear as ações dos visitantes, como visualizações de página, cliques em botões, preenchimento de formulários e compras. Isso permite que os anunciantes coletem dados valiosos sobre o público-alvo, compreendam seu comportamento e segmentem anúncios de maneira mais eficiente.

Podemos rastrear ações utilizando eventos padrões, que nada mais é que uma lista de eventos pré-definidos pelo facebook, ou criando eventos personalizados, no qual você pode associar eventos a qualquer ação que deseje no seu site. Abordaremos nesse artigo ambas as formas.

Tópicos abordados

O presente artigo será divido em cinco partes, sendo elas:

1. Criação do pixel
2. Instalação do pixel
3. Configuração de eventos
4. Conversões personalizadas
5. Configuração da mensuração de eventos agregados

Cada etapa é fundamental para o correto trackeamento da informação desejada, devendo ser seguida com cuidado e atenção.

 

1. Acessar https://business.facebook.com/ clicar no ícone e em seguida acessar Gerenciador de eventos.

 

 

A tela abaixo deverá abrir:

                

2. Na tela aberta, acesse Conectar fontes de dados.

A seguinte telá será exibida: 

Caso não possua pixels ativos, essa janela será automaticamente aberta assim que acessar o Gerenciador de eventos.

 

3. Selecione as seguintes opções abaixo e configure com as informações que melhor se adaptam ao seu negócio

 

4. Nomeie o pixel

5. Coloque a URL do seu site.

6. Selecione Faça você mesmo

 

7. Selecione Pixel da Meta somente, clique Avançar.

 

 

 

1. Após realizar o procedimento acima clique em Fontes de dados, encontre seu pixel recém-criado e acesse Continuar a configuração do pixel.

 

 

 

9. Na tela que abriu selecione Pixel da meta > Conectar > Instalar código manualmente

 

 

 

10 - Copie o código gerado clicando em Copiar código

 

O código gerado no exemplo foi o seguinte:

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '3573980252882794');
fbq('track', 'PageView');

</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=3573980252882794&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

O bloco de código acima é de uso exclusivo desse pixel devido a seção 1 e 2. A seção 1 é referente ao id do pixel a seção 2 corresponde aos eventos que serão feitos o trackeamento, nesse caso, por padrão temos o evento PageView, que contabiliza o número de vezes que seu site foi visualizado, podemos adicionar mais eventos para rastreio, a lista completa você pode conferir nesse link:

Especificações para eventos padrão do Pixel da Meta

 

11. Copie o código acima e cole em um bloco de notas, clique em Continuar, e na tela abaixo selecione as seguintes opções.

12. Continue selecionando Continuar até a opção Ir para a visão geral do pixel estar disponível, dai então clique nela.

 

13. Agora em seu painel da flexy, acesse Layouts e conteudos > Layouts da loja > Base Cabeçallho e rodapé. Cole o pixel acima da tag </head>.

 

 

 

 

Eventos no Facebook Pixel são ações específicas realizadas pelos usuários em seu site, aplicativo móvel ou em anúncios do Facebook. Tais eventos ajudam a monitorar e medir o desempenho de suas campanhas de marketing no Facebook, fornecendo informações valiosas sobre o comportamento do público-alvo.

Existem vários tipos de eventos que podem ser rastreados pelo Facebook Pixel, entre eles podemos citar:

1. Visualização de Página: Quando um usuário visualiza uma página específica do seu site.
2. Adição ao Carrinho: Quando um usuário adiciona um produto ao carrinho de compras.
3. Início de Checkout: Quando um usuário inicia o processo de checkout.
4. Compra: Quando um usuário conclui uma compra.
5. Preenchimento de Formulário: Quando um usuário envia um formulário preenchido.
6. Geração de Lead: Quando um usuário se torna um lead, geralmente fornecendo informações de contato.
7. Pesquisa: Quando um usuário realiza uma pesquisa em seu site.
8. Personalização: Quando um usuário interage com elementos personalizados, como uma barra de rolagem ou pop-up.

 

Esses eventos adicionais, serão incorporados no pixel que foi colado no template Cabeçalho e rodapé porém, e deverão ser inseridos no layout de loja referente a ação que deseja capturar. Vamos pegar como exemplo a ação Adicionar ao carrinho, que está atrelado ao evento fbq('track', 'AddTocart'); Deveremos adicionar essa linha no pixel criado no inicio e incluir no template referente a ação de adicionar um produto ao carrinho.

 

 

O código alterado fica da seguinte forma:

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '3573980252882794');
fbq('track', 'PageView');

fbq('track', 'AddToCart');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=3573980252882794&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

Lembrando que o código existente em Base(Cabeçalho e rodapé) continuará sem qualquer ALTERAÇÃO.

O bloco de código acima deverá ser colocado no layout que deseja capturar o evento, como é um evento relativo a ação de adicionar um produto ao carrinho,  vamos adicionar ele no template Carrinho

1. Adicione a linha que deseja capturar a ação no seu código pixel, copie e cole no final do template, após o ultimo </script>, finalmente Salve e essa etapa está finalizada.

 

 

 

A tela abaixo confirma que o pixel foi instalado corretamente:

 

Se deseja capturar as ações utilizando eventos padrões, o tutorial está completo e não é necessário prosseguir.

As etapas abaixo são destinadas aqueles que desejam criar conversões personalizadas.

 

 

As conversões personalizadas no Facebook Pixel são eventos específicos que você configura para rastrear ações valiosas realizadas pelos usuários em seu site. Essas ações podem variar de acordo com os objetivos do seu negócio, como compras, inscrições, downloads de aplicativos, visualizações de página específicas, entre outros.

A principal diferença entre eventos padrão (como adicionar ao carrinho, iniciar checkout, compra, etc.) e conversões personalizadas é que as conversões personalizadas permitem que você crie eventos que sejam relevantes para o seu negócio específico, enquanto os eventos padrão são predefinidos pelo Facebook.

 

 

1. Acesse Conversões Personalizadas > Criar conversão personalizada

 

 

2. Aqui você deverá criar um Nome para a conversão, selecionar a Fonte de Dados(já criada anteriormente).

 

3. Na seção de Regras, escolha URL e Contém,  a seguir adicione o link que deseja rastrear. Por exemplo, se eu desejo visualizar em meu painel toda vez que um cliente selecionar o produto Banha Pamplona 1kg deverei copiar a url relacionada a ele ou uma palavra chave que o identifique(como seu nome) e colar no campo de Regras.

Lembrando que não é obrigatório incluir os dois, nesse caso basta ser ou o link ou o nome do produto.

Aqui estamos "dizendo" para o facebook, que toda vez que alguém clicar no link do produto(realizar a ação de acessar o produto), vamos disparar o evento criado e armazenar a informação.

 

4. Clique em Criar e a conversão personalizada foi feita.

 

 

A Mensuração de Eventos Agregados é um novo processo inserido pelo Facebook após a atualização do sistema iOS14.

Esses processos são formas que o Facebook encontrou para se adaptar à atualização do sistema iOS14 e as limitações de compartilhamento de dados do sistema da Apple.

Para saber mais sobre o motivo dessas mudanças, clique aqui e acesse o informativo do Facebook. 

Por conta dessa mudança, é preciso usar um domínio próprio para anunciar no Facebook, pois se trata de uma exigência do Facebook para seus anunciantes.

 

1. Primeiramente deverá ser feita a verificação do dominio. Para isso acesse Configurações do

Negócio.

 

 

2. Vá em Adequação e Segurança > Domínios > Adicionar > Criar um novo dominio

 

 

3. Adicione o link do seu dominio e clique em Criar, a tela abaixo deverá aparecer.

 

 

4. Copie e cole o código dado na plataforma, no layout  Base (Cabeçalho e rodapé) na seção <head> e o dominio estará verificado.

 

 

5. Volte no Gerenciador de Eventos > Selecione seu Pixel > Mensuração de Eventos Agregados > Configurar eventos da web

 

 

 

6. Clique em Gerenciar Eventos

 

 

7. Configure os eventos e clique em Enviar. Lembrando que a ordem de trackeamento é importante, sendo evento de maior prioridade sempre registrado, independente de qualquer ação contra trackeamento que o usuario venha a criar.

 

 

Assim o tutorial está completo, qualquer dúvida que venha a surgir basta entrar em contato com a central!