Como Configurar o Pixel do Meta e Eventos Personalizados

📌 Introdução

Este guia vai te ensinar passo a passo como:

Instalar o Pixel do Facebook no seu site
Configurar eventos padrão e personalizados
Testar se está funcionando corretamente

👉 Vídeo de Referência: Assista ao Tutorial Completo

🔧 Parte 1: Instalação Básica do Pixel

1. Obtenha o Código do Pixel

Acesse o Gerenciador de Eventos do Facebook
Vá em Pixels e copie o código base

2. Cole o Código na HEAD do Site

<!-- 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', 'SEU_ID_DO_PIXEL'); // Substitua pelo seu ID
  fbq('track', 'PageView');
</script>
<noscript>
  <img height="1" width="1" style="display:none" 
       src="https://www.facebook.com/tr?id=SEU_ID_DO_PIXEL&ev=PageView&noscript=1"/>
</noscript>
<!-- End Meta Pixel Code -->

⚠️ Importante: Este código DEVE estar em todas as páginas do seu site, preferencialmente no <head>.

🎯 Parte 2: Configurando Eventos

Eventos Padrão do Facebook

Consulte a lista completa de eventos padrão:
🔗 Documentação Oficial de Eventos

Como Adicionar Eventos Personalizados

Exemplo: Initiate Checkout (Início de Checkout)

Para disparar quando o usuário clica em "Finalizar Compra":

No botão de checkout, adicione:

<script>
  fbq('track', 'InitiateCheckout');
</script>

Métodos de Implementação:
- HTML Puro: Adicione o código acima no atributo onclick
- Gerenciadores de Tag: Use Google Tag Manager
- Plugins: Se usar WordPress, utilize plugins como "PixelYourSite"

🔍 Parte 3: Testando sua Implementação

1. Use o Facebook Pixel Helper

Extensão para Chrome que verifica se o pixel está funcionando
🔗 Baixe o Pixel Helper

2. Verifique no Gerenciador de Eventos

Acesse o Gerenciador de Eventos
Vá em Testar Eventos
Realize ações no seu site e confirme se os eventos aparecem

3. Teste em Modo de Desenvolvimento

Ative o "Modo de Desenvolvimento" no Gerenciador de Eventos para ver dados em tempo real.

💡 Dicas Importantes

Sempre inclua o PageView - É o evento base para todos os outros
Use eventos padrão quando possível - São mais confiáveis
Documente tudo - Anote onde cada evento está implementado

🚀 Próximos Passos

Assista ao Tutorial Completo no YouTube
Consulte a Documentação Oficial
Configure conversões no Ads Manager para começar a medir resultados

Precisa de mais ajuda? Entre em contato com nosso time de suporte!