Integrações

Conecte sua conta de anúncios, gateway de pagamento e Pixel da Meta.

1. Snippet básico (obrigatório)

Cole antes do fechamento do </body> em todas as páginas onde você quer rastrear visitantes. O Pixel da Meta é instalado automaticamente (não precisa do snippet separado do Events Manager). Já dispara PageView + ViewContent e detecta cliques pra checkout da Kiwify. Em páginas que não devem disparar ViewContent (home institucional, blog, obrigado), use autoViewContent: false.

<!-- Cole antes do </body> da sua landing page -->
<script>
  window.TRAK_CONFIG = {
    endpoint: 'https://track.nutrikarolbandeira.com.br/api/track',
    pixelId: '1852817255537785',                         // Pixel ID — instala o fbq automaticamente
    autoPageView: true,
    autoViewContent: true,
    defaultCountryCode: '55',
    defaultUserData: { country: 'br' },  // envia país em todos os eventos

    // Opcional: enriquece o ViewContent automático desta página
    viewContent: {
      content_name: 'Curso Trak — Página de Vendas',
      content_ids: ['sku_premium'],
      value: 297,
      currency: 'BRL',
    },
  };
</script>
<script src="https://track.nutrikarolbandeira.com.br/track.js" async></script>
2. Botões de checkout e CTAs

Links pra Kiwify funcionam sozinhos. Pra outros casos, use atributos data-trak-* no botão.

<!-- Botão link direto pra Kiwify (detecção automática) -->
<a href="https://pay.kiwify.com.br/SEU-PRODUTO"
   data-trak-value="297"
   data-trak-currency="BRL"
   data-trak-content-name="Curso Trak — Premium"
   data-trak-content-ids='["sku_premium"]'>
  Comprar agora — R$ 297
</a>

<!-- Botão não-link (precisa marcar manual) -->
<button onclick="window.location='https://meu-checkout.com'"
        data-trak-event="InitiateCheckout"
        data-trak-value="297"
        data-trak-currency="BRL">
  Comprar
</button>

<!-- Link que você NÃO quer rastrear -->
<a href="https://pay.kiwify.com.br/teste-interno" data-trak-skip="1">
  Link interno (não dispara InitiateCheckout)
</a>
3. Captura de Lead (formulário)

Pra disparar Lead com email/telefone que vão hashados pra Meta CAPI.

<!-- Capturar Lead em formulário -->
<form id="form-lead" onsubmit="return enviarLead(event)">
  <input name="nome" required />
  <input name="email" type="email" required />
  <input name="telefone" required />
  <button type="submit">Quero saber mais</button>
</form>

<script>
  function enviarLead(e) {
    e.preventDefault();
    const f = e.target;
    Trak.track('Lead', {
      content_name: 'Form Lead Magnet',
      value: 0,
    }, {
      email: f.email.value,
      phone: f.telefone.value,
      first_name: f.nome.value.split(' ')[0],
      last_name:  f.nome.value.split(' ').slice(1).join(' '),
    });
    // ... seu código de submit (fetch, redirect, etc.)
    return false;
  }
</script>
4. Outros gateways de pagamento

Para Hotmart, Cakto, Eduzz, ou domínio próprio de checkout.

<!-- Adicionar mais hosts de checkout (Hotmart, Cakto, etc.) -->
<script>
  window.TRAK_CONFIG = {
    endpoint: 'https://track.nutrikarolbandeira.com.br/api/track',
    autoPageView: true,
    checkoutHosts: ['pay.hotmart.com', 'go.hotmart.com', 'sun.eduzz.com'],
  };
</script>
<script src="https://track.nutrikarolbandeira.com.br/track.js" async></script>
⚠️ Antes de ir ao ar
  1. Se você já tem o Pixel instalado manualmente na página (snippet do Events Manager), não precisa colocar pixelId no TRAK_CONFIG — nosso script detecta o fbq existente e só espelha os eventos pra deduplicação.
  2. Atualize TRACK_ALLOWED_ORIGINS nas env vars da Vercel pro domínio do seu site (em vez de https://*.vercel.app).
  3. Quando estiver pronto pra contar conversões reais, remova META_TEST_EVENT_CODE da Vercel (Production) ou apague na aba Pixel.