Guia de instalação

Trakvo no ar
em 10 minutos.

Tracker server-side completo. Cada conversão chega na Meta CAPI, TikTok Events e Google Ads — sem perder por iOS, AdBlock ou cookies.

~10minSetup
3Linhas
+30%Eventos vs pixel
01

Criar projeto

Um projeto isola tracking de um site, loja ou funil. Cada projeto tem seu próprio domínio, pixels e API keys.

  1. Abra Projetos
  2. Clique em + Novo projeto
  3. Siga o stepper de 4 etapas
Etapas do stepper
  1. Identificação Nome do projeto e domínio principal onde o tracking será instalado.
  2. Fonte de tráfego Meta Ads, TikTok Ads, Google Ads, orgânico — seleção múltipla.
  3. Moeda BRL, USD, EUR ou qualquer ISO 4217 — 41 opções disponíveis.
  4. Confirmar Revise os dados e finalize a criação.
O slug (identificador opaco prj-xxxxxxx) é gerado automaticamente — não é visível no funil pra não vazar.
02

Verificar domínio

Antes de qualquer coisa. Sem domínio verificado, eventos são rejeitados e a API key não funciona — proteção contra uso indevido.

  1. Ao entrar no projeto, vai cair direto na tela de verificação com hero card
  2. Expanda o accordion "Verificação DNS TXT" pra ver as instruções
  3. Crie um registro DNS no seu provedor (Cloudflare, GoDaddy, Registro.br, etc):
Tipo
TXT
Nome / Host
_trakvo-verify.<seu-dominio>
Valor
<token gerado pelo painel>
TTL
300 (5 min) — opcional

Volte ao painel e clique em Verificar agora. Aguarde a propagação DNS (geralmente 1-5 min, pode levar até 24h).

Cooldown de 30 segundos entre tentativas. Máximo de 20 tentativas por hora. Se atingir o limite, recadastre o domínio pra resetar o contador.
03

Ativar LIVE

Toda criação começa em TEST mode (eventos chegam mas NÃO são despachados pros canais reais). Ativar LIVE habilita o dispatch pra Meta, TikTok, Google, etc.

  1. Com domínio verificado, aparece o botão branco "Ativar LIVE" no hero card
  2. Clique pra disparar a ativação — animação leva ~1.4s
  3. Sucesso: chip "Em produção" verde com dot pulsante substitui o botão
TEST
Eventos chegam no Trakvo
mas não vão pros canais.
Útil pra desenvolvimento.
LIVE
Eventos são despachados
pros pixels conectados
em tempo real.

Pra pausar temporariamente (voltar pra TEST), use o botão "Pausar" dentro do chip "Em produção".

04

Conectar pixels

Pra onde os eventos vão ser despachados. Cada pixel é uma integração técnica (Meta CAPI, TikTok Events API, GA4).

Meta CAPI
Pixel ID + Access Token
(Events Manager)
TikTok
Pixel ID + Access Token
(Events API)
GA4
Measurement ID + API Secret
(Data Streams)

Dois caminhos pra criar:

  1. Pelo projeto: dentro do project detail, na seção "Pixels deste projeto", clique + Conectar pixel
  2. Pelo catálogo global: PixelsNovo pixel, escolha a loja e plataforma
O card de cada pixel mostra health score em tempo real: disparos, taxa de sucesso, Match Quality (EMQ), último envio. Status: Saudável / Estável / Atenção / Crítico.
05

Pegar a API key

Cada projeto tem uma key única que autentica os requests do snippet/checkout. Copie agora — não verá de novo.

  1. Abra o projeto (já verificado)
  2. No header, clique + Nova API key
  3. Defina um label (ex: "snippet web", "checkout staging")
  4. Copie e guarde em local seguro — formato tk_xxxxxxxx
Você pode ter múltiplas keys por projeto (rotação sem downtime, ambientes separados). Revogar uma não afeta as outras.
06

Instalar o snippet

Cole no <head> do seu site. Captura PageView, fbc/fbp, ttclid e UTMs automaticamente.

index.html
<script src="https://cdn.trakvo.co/v1/t.js" data-trakvo-key="SUA_KEY" async></script>
WordPress: plugin Insert Headers. Shopify: theme.liquid. ClickFunnels: Tracking Code → Header. Webflow: Custom Code → Head.
07

Webhook do gateway

Captura Purchase com precisão total via S2S — Mangofy, PerfectPay, Pagar.me, Stripe e mais. Funciona mesmo se o cliente fechar a aba antes do thank-you.

  1. Em Integrações, adicione o gateway
  2. Copie a URL única gerada (com token assinado HMAC)
  3. Cole no campo Webhook ou Postback do gateway
webhook url
https://api.trakvo.co/webhooks/{gateway}/{token}
O gateway envia o webhook quando a venda é aprovada. O Trakvo deduplica usando o Event ID contra o evento do navegador — Match Quality fica próximo de 10/10.
08

Eventos customizados

Dispare no momento certo do funil. PageView é automático, mas eventos de conversão (ViewContent, Lead, InitiateCheckout) você decide quando.

events.js
// Ao visualizar produto
trakvo('track', 'ViewContent', { value: 97, currency: 'BRL' });

// Ao iniciar checkout
trakvo('track', 'InitiateCheckout', { value: 97, currency: 'BRL' });

// Ao capturar lead (email/phone hasheados server-side)
trakvo('track', 'Lead', {
  email: '[email protected]',
  phone: '+5511999999999'
});

Eventos suportados: PageView · ViewContent · AddToCart · InitiateCheckout · AddPaymentInfo · Purchase · Lead · SubmitForm · CompletePayment

Acompanhe os eventos chegando na tabela "Eventos em tempo real" dentro do project detail. Mostra operador, tipo, plataforma, produto, valor, cliente, dispatch e data — clique em "Ver" pra detalhes.
09

Auto-track via HTML NOVO v13.4

Zero JavaScript na landing — marque um data-trakvo-event no botão/link/form e o script dispara sozinho no clique.

produto.html
<!-- Botão "Adicionar ao carrinho" -->
<button
  data-trakvo-event="AddToCart"
  data-trakvo-content-ids="SKU-123"
  data-trakvo-content-name="Tênis Nike Run"
  data-trakvo-value="299.90"
  data-trakvo-currency="BRL">Adicionar ao carrinho</button>

<!-- Link "Ver produto" -->
<a href="/produto/sku-123"
   data-trakvo-event="ViewContent"
   data-trakvo-content-ids="SKU-123">Ver detalhes</a>

<!-- Form de busca → dispara Search no submit -->
<form data-trakvo-event="Search">
  <input type="search" name="q">
  <button>Buscar</button>
</form>

Atributos disponíveis

Atributo Vira Exemplo
data-trakvo-event *eventNameAddToCart
data-trakvo-valuevalue (Number)99.90
data-trakvo-currencycurrencyBRL
data-trakvo-content-idscontent_ids (vírgula → array)SKU-1,SKU-2
data-trakvo-content-namecontent_nameTênis Nike
data-trakvo-content-typecontent_typeproduct
data-trakvo-content-categorycontent_categorytenis
data-trakvo-num-itemsnum_items (Number)3
data-trakvo-search-stringsearch_stringtenis nike
data-trakvo-order-idexternalIdord_abc123
data-trakvo-* (outros)customData[*]data-trakvo-tier="vip"
Escape hatch: coloque data-trakvo-skip em qualquer elemento ancestral pra ignorar o disparo nesse subtree. Útil pra preview / admin.
Dedupe automático: mesmo botão clicado 2× em <500ms só dispara 1× (double-click guard).
Misture os dois modos: use HTML pros eventos simples (ViewContent, AddToCart, Search) e trakvo('track', ...) pros que dependem de lógica (Purchase no callback do gateway, Lead após validação de form, etc).

Testar

Verifique se está rodando.

Abra seu site, pressione F12 → Console, e rode:

console
trakvo('track', 'Lead', { email: '[email protected]' });

Veja chegar em Eventos em até 5s com status COMPLETED.

Pronto pra começar?

Crie o primeiro projeto e cole o snippet no seu site.

Ir pra Projetos