O Meta Pixel, anteriormente conhecido como Facebook Pixel, é uma ferramenta fundamental para monitorar o comportamento dos visitantes em seu site, medir o desempenho de campanhas publicitárias e criar públicos segmentados para anúncios no Meta (Facebook e Instagram).

Este guia foi desenvolvido para auxiliar tanto usuários técnicos quanto agências de marketing que utilizam a plataforma Flexy. Todas as etapas foram verificadas e estão atualizadas conforme as últimas mudanças implementadas pelo Meta.

Pré-requisitos:

Antes de iniciar a configuração, certifique-se de que:

• Você possui acesso administrativo ao Meta Business Manager (https://business.facebook.com).
• Tem permissões para gerenciar Pixels e fontes de dados.
• Conhece o domínio do site que será vinculado ao Pixel (exemplo: loja.flexy.com).

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

 

2. Na tela aberta, acesse Conectar dados.

A seguinte tela será exibida, selecione a opção Web  e clique em avançar 

3. Nomeie o pixel conforme desejado e clique em criar 

4. Após nomear o pixel a seguinte tela será exibida, selecione a opção “configurar manualmente”

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

Configurando o Pixel da Meta

1. Após realizar o procedimento acima clique em Fontes de dados, encontre seu pixel recém-criado e acesse Configurar Meta Pixel.

2. Gerar/Adicionar o código do Pixel da Meta 

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

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

4. Após configurar os campos acima, conforme desejado clique em "continuar" e selecione a opção Ir para a visão geral do pixel.

Realizando as configurações no painel Flexy 

13. Agora em seu painel da flexy, acesse Layouts e Conteúdos > Layouts da Loja > Base (Cabeçalho e rodapé). Cole o pixel acima da tag </head>.

 

 

 

Configurar Eventos:

Eventos no Meta 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.

 

Conversões Personalizadas:

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.

 

Mensuração de Eventos Agregados:

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

Negócio > Adequação e Segurança > Domínios.

 

2. Em Domínios > Adicionar > Criar um novo dominio

 

3. Adicione o link do seu dominio e clique em adicionar, a tela abaixo deverá aparecer. 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.

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.

 

4. 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 usuário venha a criar.

 

 

Esperamos que este material possa ter auxiliado no seu uso à plataforma Flexy, no entanto, caso ainda haja dúvidas ou necessidades, por favor, entre em contato com nossa equipe de atendimento, que terá prazer em auxiliá-lo.