Integración con Next.js
Agregue Zenovay a Next.js
Use el componente Script integrado para una carga óptima. Funciona con App Router y Pages Router. Configuración en menos de 2 minutos.
Comenzar gratisConfiguración con App Router
Recomendado para proyectos Next.js 13+
Regístrese en Zenovay
Cree su cuenta gratuita de Zenovay en auth.zenovay.com.
Copie su script de seguimiento
En su tablero de Zenovay, vaya a Configuración y copie los detalles de seguimiento específicos de su dominio.
Agregue el componente Script a su layout
Importe Script desde next/script y agréguelo a su layout.tsx raíz (App Router) o _app.tsx (Pages Router).
Verifique la instalación
Ejecute npm run dev, visite su sitio y revise su tablero de Zenovay. Los datos deberían aparecer en cuestión de segundos.
Por qué los desarrolladores de Next.js eligen Zenovay
Seguimiento de rutas SPA
Zenovay rastrea automáticamente la navegación del lado del cliente. Sin integración de router ni llamadas manuales de página vista.
Puntuaciones perfectas en Lighthouse
Script de menos de 25 KB con carga afterInteractive. Cero impacto en sus métricas de rendimiento de Next.js.
Funciona con exportación estática
¿Usa output: "export" para Vercel, Netlify o Cloudflare Pages? Zenovay funciona perfectamente con builds estáticos.
Preguntas frecuentes
¿Debo usar el componente Script o una etiqueta script regular?
Use el componente Script de Next.js con strategy="afterInteractive" para una carga óptima. Esto garantiza que el script de seguimiento se cargue después de que la página sea interactiva, dándole el mejor equilibrio entre rendimiento y precisión de datos.
¿Funciona con App Router y Pages Router?
Sí. Para el App Router, agregue el componente Script a su layout.tsx raíz. Para el Pages Router, agréguelo a _app.tsx o _document.tsx. Ambos enfoques funcionan de manera idéntica.
¿Zenovay rastrea los cambios de ruta del lado del cliente?
Sí. Zenovay detecta automáticamente la navegación del lado del cliente en las aplicaciones de página única de Next.js. Cada cambio de ruta se registra como una nueva vista de página sin ninguna configuración adicional.
¿Afectará mi puntuación de Lighthouse?
No. El script de Zenovay pesa menos de 25 KB y se carga de forma asíncrona. Usar el componente Script con la estrategia afterInteractive garantiza que nunca bloquee la renderización ni afecte su puntuación de rendimiento en Lighthouse.
¿Puedo usar Zenovay con exportaciones estáticas de Next.js?
Sí. Zenovay funciona perfectamente con exportaciones estáticas de Next.js (output: "export"). El script de seguimiento se carga del lado del cliente y se comunica directamente con la API de Zenovay.
Otras integraciones
Zenovay funciona con cualquier sitio web. Elige tu plataforma.
Agregue analíticas a su aplicación Next.js
Un componente Script. Seguimiento automático de rutas. Plan gratuito incluido.
Comenzar gratis