Integrando Captafy com Next.js e React
Instalação em React SPA
Para React puro (Create React App, Vite, etc.), adicione a tag no index.html dentro do <head>:
<script src="https://cdn.captafy.io/tag.js" data-site="SEU_SITE_ID" defer></script>
O atributo defer garante que a tag não bloqueia o rendering.
Instalação em Next.js
Para Next.js, use o componente Script:
import Script from 'next/script';
No seu layout principal (app/layout.tsx ou _app.tsx):
<Script src="https://cdn.captafy.io/tag.js" data-site="SEU_SITE_ID" strategy="afterInteractive" />
A strategy afterInteractive carrega o script após a hidratação, sem impactar Core Web Vitals.
Identificando usuários logados
Se o usuário fez login, enriqueça o perfil:
window.captafy?.identify({ email: user.email, name: user.name, plan: user.plan });
Isso conecta o perfil comportamental anônimo ao usuário real, enriquecendo o lead scoring.
Eventos customizados
Tracke eventos específicos da sua aplicação:
window.captafy?.track('pricing_cta_clicked', { plan: 'pro' });
Performance
- Script assíncrono, não bloqueia rendering
- Menos de 5KB gzipped
- Zero impacto em Core Web Vitals
- Funciona com SSR e CSR
Para devs: a tag do Captafy foi feita por devs. Leve, assíncrona, sem drama.
Comece a integrar
Documentação completa da API em captafy.io/docs. Plano gratuito disponível.
Pronto para captar mais leads?
Comece gratis e veja seus visitantes se transformarem em oportunidades.
Comecar gratisPosts relacionados
TutoriaisComo integrar o Captafy com seu CRM em 5 minutos
Envie leads qualificados direto para HubSpot, Pipedrive ou Salesforce usando webhooks do Captafy.
TutoriaisAlertas de leads quentes no Slack com Captafy
Configure alertas automáticos no Slack para quando leads atingirem score alto. Seu time de vendas saberá na hora.
Tutoriais5 automações poderosas com Captafy + Zapier
Conecte o Captafy a mais de 5.000 apps usando Zapier. Desde alertas até criação automática de deals.