Funis e mapa de tráfego

Em Funis você monta o mapa de tráfego do seu funil: um grafo de nós (fonte → páginas → eventos → venda) com um tracker que registra visitas em cada etapa e atribui as vendas até o checkout.

Criar um funil

1. Abra Funis e clique em Criar funil.
2. Dê um Nome (ex.: "Lançamento de verão") e escolha um dos 9 tipos — Venda direta, VSL, Webinar, Lançamento, Perpétuo (Evergreen), Low ticket + esteira, Aplicação (high ticket), Conteúdo orgânico ou Híbrido. Cada tipo tem uma descrição curta para te guiar.
3. Clique em Criar funil. O funil recebe um slug público (usado pelo tracker).

Na lista, cada funil mostra Pageviews (7d), Conversão (7d) e o interruptor Ativo. Desativar um funil o tira do ar: o mapa e o snippet param de registrar visitas (histórico de sessões e pedidos continua no relatório).

O editor

O editor é desktop (no mobile aparece um aviso — as métricas continuam acessíveis). Ele tem:

• Sidebar de blocos: Fontes de tráfego (Google Ads, Meta Ads, Instagram, TikTok Ads, YouTube Ads, E-mail, Orgânico, Afiliado, Direto, Ads) com logo própria, Páginas (Landing, VSL, Checkout, Newsletter, Obrigado), Eventos (Clique, Visualização, Compra, Abandono), Ações (E-mail, WhatsApp, Webhook, Automação) e Produto (Checkout / venda).
• Palco: arraste um bloco da sidebar para o palco (ou clique nele). Cada nó tem ícone próprio conforme o subtipo.
• Conexões: segure o ponto à direita do nó e arraste até o alvo — o fio violeta pisca enquanto você conecta. Fontes só têm saída; o nó Produto é terminal (só recebe). Não há ligação de um nó nele mesmo.
• Inspetor (à direita ao clicar num nó): Nome do nó, o subtipo (Origem do tráfego, Tipo de página/evento/ação) e, no Produto, o Produto/oferta. Também tem lixeira para remover o nó (e suas ligações).
• Desfazer/Refazer: botões no topo ou Ctrl+Z / Ctrl+Shift+Z (histórico de 60 ações). Delete/Backspace remove o nó selecionado; cada fio tem lixeira no meio.
• Auto-save: o mapa salva sozinho ~1s após cada mudança ("Salvo às HH:MM" no topo).

Um guia de conexão em checklist (6 passos) fica acima do palco para te acompanhar na primeira montagem.

Como ligar uma fonte ao checkout (ex.: Meta Ads)

1. Arraste um bloco Meta Ads para o palco.
2. Arraste um bloco Página (ex.: VSL) e ligue Meta Ads → VSL.
3. Se quiser registrar transições, adicione Eventos e Ações no caminho (ex.: VSL → Clique → E-mail).
4. Arraste o bloco Produto (Checkout / venda) e ligue a última etapa nele. No inspetor, nomeie o produto/oferta.
5. Clique em cada nó, copie o snippet de tracking do inspetor (uma tag <script src="…/funnel.js" data-funnel="{slug}" data-node="{id}" defer>) e cole na página real correspondente.

O funnel.js grava um cookie funnel_ref (30 dias) e decora todos os links clicados com ?funnel_ref= — assim a origem acompanha o visitante até o checkout, mesmo vindo de outro domínio. A atribuição do pedido é first-touch: o funil preenche a sessão de checkout uma vez e não é sobrescrito depois; UTMs da URL do checkout também são capturadas.

Métricas por nó

Em /funis/[id]/metrics (ícone de gráfico na lista), acompanhe por período — Hoje, 7 dias ou 30 dias — com atualização a cada 10s:

• Totais: Pageviews (e sessões), Checkouts (e quantos preencheram o form), Conversão (checkouts → vendas) e Receita de pedidos pagos.
• Por nó: um chip colorido por nó do mapa, com pageviews · checkouts · vendas, sessões, formulários preenchidos e conversão do nó.

Sem visitas no período, o painel lembra: cole o snippet do tracker e aguarde tráfego.