Integração Next.js
Adicione o Zenovay ao Next.js
Use o componente Script integrado para carregamento otimizado. Funciona com App Router e Pages Router. Configuração em menos de 2 minutos.
Começar grátisConfiguração com App Router
Recomendado para projetos Next.js 13+
Crie sua conta no Zenovay
Crie sua conta gratuita do Zenovay em auth.zenovay.com.
Copie seu script de rastreamento
No seu dashboard do Zenovay, vá em Configurações e copie os detalhes de rastreamento específicos do seu domínio.
Adicione o componente Script ao seu layout
Importe Script de next/script e adicione ao seu layout.tsx raiz (App Router) ou _app.tsx (Pages Router).
Verifique a instalação
Execute npm run dev, acesse seu site e verifique o dashboard do Zenovay. Os dados devem aparecer em segundos.
Por que desenvolvedores Next.js escolhem o Zenovay
Rastreamento de rotas SPA
O Zenovay rastreia automaticamente a navegação do lado do cliente. Sem integração de router ou chamadas manuais de pageview necessárias.
Pontuações perfeitas no Lighthouse
Script abaixo de 25 KB com carregamento afterInteractive. Zero impacto nas métricas de desempenho do seu Next.js.
Funciona com exportação estática
Usando output: "export" para Vercel, Netlify ou Cloudflare Pages? O Zenovay funciona perfeitamente com builds estáticos.
Perguntas frequentes
Devo usar o componente Script ou uma tag de script regular?
Use o componente Script do Next.js com strategy="afterInteractive" para carregamento otimizado. Isso garante que o script de rastreamento carregue após a página estar interativa, proporcionando o melhor equilíbrio entre desempenho e precisão de dados.
Funciona com o App Router e o Pages Router?
Sim. Para o App Router, adicione o componente Script ao seu layout.tsx raiz. Para o Pages Router, adicione-o ao _app.tsx ou _document.tsx. Ambas as abordagens funcionam de forma idêntica.
O Zenovay rastreia mudanças de rota do lado do cliente?
Sim. O Zenovay detecta automaticamente a navegação do lado do cliente em aplicativos de página única do Next.js. Cada mudança de rota é rastreada como um novo pageview sem nenhuma configuração adicional.
Isso vai afetar minha pontuação no Lighthouse?
Não. O script do Zenovay tem menos de 25 KB e carrega de forma assíncrona. Usar o componente Script com a estratégia afterInteractive garante que ele nunca bloqueie a renderização nem afete sua pontuação de desempenho no Lighthouse.
Posso usar o Zenovay com exportações estáticas do Next.js?
Sim. O Zenovay funciona perfeitamente com exportações estáticas do Next.js (output: "export"). O script de rastreamento carrega no lado do cliente e se comunica diretamente com a API do Zenovay.
Outras integrações
Zenovay funciona com qualquer site. Escolha sua plataforma.
Adicione analytics ao seu app Next.js
Um componente Script. Rastreamento automático de rotas. Plano gratuito incluído.
Comece Gratuitamente