Documentação

Guia completo — teste de captura de lead e teste de página de venda

1. Como criar teste de captura de lead

No dashboard, clique Novo Experimento.
Selecione o card Captura de Lead.
O evento principal será pré-selecionado como Lead. Pode alterar para Formulário enviado ou Clique no WhatsApp se preferir.
Adicione 2 ou mais variantes com as URLs das páginas de captura.
Distribua os pesos (ex: 50/50) e clique Criar Experimento.
Ative o experimento e use o link /r/seu-slug nos anúncios.

O dashboard de captura mostra apenas métricas relevantes: sessões, page views, cliques CTA, formulários enviados, leads e taxas. Não exibe checkout, receita ou ROAS.

2. Como instalar tracker em páginas externas

Insira o script no <head> ou antes do </body> de todas as páginas que participam do teste.

<script
  src="https://seu-dominio.vercel.app/tracker.js"
  data-endpoint="https://hptatkycvrcovrgqlbar.supabase.co/functions/v1/track-event"
  data-anon-key="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImhwdGF0a3ljdnJjb3ZyZ3FsYmFyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3Nzk3Mjc5NTksImV4cCI6MjA5NTMwMzk1OX0.QuaQxlcF68PZlsT3nyFBDEDD3ZzmpmJkT8YXcU84fFI"
  data-auto-decorate="true"
></script>

💡 Debug: Adicione data-debug="true" para ver eventos no console (F12).

O tracker detecta automaticamente page_view, scroll, cliques em CTAs e checkout links. Você só precisa marcar os elementos com data-attributes.

3. Como marcar formulário de lead

Adicione data-conversion="lead" no formulário. O tracker dispara dois eventos: form_submit e lead.

<form data-conversion="lead" data-conversion-type="capture_form">
  <input type="text" name="name" placeholder="Seu nome" />
  <input type="email" name="email" placeholder="Seu e-mail" />
  <input type="tel" name="whatsapp" placeholder="WhatsApp" />
  <button type="submit">Enviar</button>
</form>

Privacidade:

E-mail é mascarado e hashado com SHA-256. Nunca é salvo em texto puro.
WhatsApp/telefone são mascarados (ex: ***1234) e hashados.
Senhas, cartões e tokens são sempre ignorados.
O nome é salvo normalmente (até 200 caracteres).

4. Como testar se o lead chegou

Abra a página do teste com ?debug=1 na URL para verificar que o tracker está ativo.
Abra o console (F12) e procure por [AB Test] nos logs.
Preencha e envie o formulário.
No console, confirme que apareceu form_submit e lead.
No dashboard, vá em Analytics e verifique que Leads e Form Submits aumentaram.
Na seção Diagnóstico, confirme que "Lead" está com bolinha verde.

5. Como criar teste de página de venda

Clique Novo Experimento.
Selecione o card Página de Venda.
O evento principal será pré-selecionado como Início de Checkout.
Se tiver webhook configurado, pode alterar para Compra confirmada.
Adicione variantes com URLs das páginas de venda.
Ative e use o link /r/seu-slug nos anúncios.

Se não houver webhook, a vencedora é baseada em checkout_started. Receita, RPV e ROAS ficam em uma seção separada chamada "Receita e Compras".

6. Como marcar botão CTA

Adicione data-cta ao botão principal da página. O tracker registra cta_click automaticamente.

<!-- Botão simples -->
<button data-cta="comprar">Comprar Agora</button>

<!-- Link com CTA -->
<a href="https://checkout.com/produto" data-cta>
  Garantir Minha Vaga
</a>

7. Como marcar checkout externo

Use o data-attribute da plataforma. O tracker intercepta o clique, registra checkout_started, decora a URL com ab_click_id e redireciona.

<!-- Hubla -->
<a href="https://hub.la/produto" data-hubla>Comprar</a>

<!-- Kiwify -->
<a href="https://pay.kiwify.com.br/xxx" data-kiwify>Comprar</a>

<!-- Hotmart -->
<a href="https://pay.hotmart.com/xxx" data-hotmart>Comprar</a>

<!-- Stripe -->
<a href="https://checkout.stripe.com/xxx" data-stripe>Comprar</a>

<!-- Monetizze -->
<a href="https://app.monetizze.com.br/checkout/xxx" data-monetizze>Comprar</a>

<!-- Genérico -->
<a href="https://checkout.com/xxx" data-checkout>Comprar</a>

Para registrar compras, configure o webhook da plataforma apontando para /conversion-webhook.

8. Como interpretar a página vencedora

O sistema usa 5 status para declarar a vencedora:

Sem Dados:Nenhum tráfego registrado ainda.

Coletando Dados:Menos de 100 sessões totais. Aguardar.

Vencedora Provisória:Amostra pequena. Tendência clara, mas precisa de mais dados.

Vencedora Confiável:Diferença acima de 10% com amostra suficiente. Pode escalar.

Sem Vencedora Clara:Diferença inferior a 10%. Teste nova variação.

Regras: O sistema exige mínimo de 100 sessões totais e 50 por variante antes de declarar confiança. A diferença mínima para "confiável" é 10%.

9. Diferença entre teste de captura e teste de venda

Aspecto	Captura de Lead	Página de Venda
Objetivo	Lead / Form Submit	Checkout Started / Compra
Métricas principais	Sessões, Form Submit, Leads, Taxa Lead	Sessões, CTA, Checkout, Taxa Checkout
Funil	Sessão → PV → CTA → Form → Lead	Sessão → PV → CTA → Checkout → Compra
Receita	❌ Não exibe	Seção avançada (collapsible)
Webhook	Não necessário	Opcional (para medir compras)
Vencedora sem webhook	Por taxa de lead	Por checkout_started
Vencedora com webhook	—	Por compra / RPV

10. Como ler os insights de performance

A seção "Insights de Performance" aparece automaticamente quando há dados suficientes (50+ sessões). Os insights são gerados por regras, sem necessidade de IA.

Para captura de lead:

CTA alto, leads baixos: Formulário pode estar gerando fricção.
CTR do CTA baixo: Headline ou posição do CTA precisa melhorar.
Form alto, lead desproporcional: Verificar se o evento lead está disparando.
Variantes próximas: Testar mudanças mais agressivas.

Para página de venda:

CTA baixo: Promessa ou urgência pode estar fraca.
CTA alto, checkout baixo: Transição para checkout com fricção.
Checkout alto, compra baixa: Problema no checkout, preço ou oferta.
Sem webhook: Análise baseada em checkout_started (provisória).