Los cambios de ruta no se registran
La navegación del lado del cliente en Next.js no dispara una carga completa de página, por lo que la analítica básica pierde la mayoría de las vistas. PulsePanda engancha el router y cuenta cada cambio de ruta.
Analítica para Next.js
Analítica de producto para Next.js
Integra PulsePanda en tu app de Next.js y captura vistas de página, eventos, repetición de sesiones y mapas de calor en cada ruta — App Router o Pages Router — sin montar un backend ni pelear con la hidratación.
Por qué importa
Lo que los equipos de Next.js por fin pueden ver
Publicas funciones a ciegas
Registra eventos personalizados para registros, mejoras de plan y uso de funciones para ver qué se usa realmente después de cada despliegue.
Los errores son difíciles de reproducir
La repetición de sesiones registra el DOM exacto y los errores de consola, para que puedas ver el renderizado roto en lugar de adivinar a partir de un stack trace.
Configuración
Añade PulsePanda a Next.js
Añade el fragmento una vez en tu layout raíz. Usa el componente Script componente con afterInteractive para que se cargue sin bloquear tu primer pintado.
App Router — app/layout.tsx
import Script from "next/script";
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
<Script
src="https://pulsepanda.dev/sdk.js"
data-project="YOUR_PROJECT_ID"
strategy="afterInteractive"
/>
</body>
</html>
);
}¿Usas Pages Router? Añade el mismo <Script> a pages/_app.tsx en su lugar. La analítica web, los clics autocapturados, la repetición de sesiones y los mapas de calor empiezan de inmediato.
Flujo de trabajo
De la instalación al conocimiento
Instala el fragmento
Añade el script una vez a tu proyecto de Next.js. La analítica web, los clics autocapturados, la repetición de sesiones y los mapas de calor empiezan a recopilar de inmediato.
Registra lo que importa
Llama a pulsepanda.track() en acciones clave y pulsepanda.identify() tras el inicio de sesión para conectar eventos, sesiones y feedback a cada usuario.
Actúa con los datos
Crea embudos, observa las repeticiones detrás de los abandonos, lee mapas de calor y recopila feedback dentro del producto — todo en un solo espacio de trabajo.
Lo que obtienes
Un fragmento, la imagen completa
Capa de análisisVistas de página, eventos personalizados, embudos de conversión y retención.
Capa de comportamientoRepetición de sesiones, mapas de calor de clic y scroll, y contexto de errores.
Capa de comentariosEncuestas dentro del producto, widgets de feedback, formularios y un panel de votación de funciones.
Preguntas frecuentes
Preguntas sobre Next.js
¿PulsePanda registra los cambios de ruta del lado del cliente en Next.js?
Sí. El SDK escucha la navegación de la History API, así que cada transición de App Router o Pages Router se cuenta como una vista de página automáticamente — sin necesidad de eventos manuales del router.
¿El fragmento perjudicará mis Core Web Vitals?
No. El script se carga de forma diferida con la estrategia afterInteractive, así que se ejecuta después de que tu contenido se pinte y no bloquea el LCP ni la interacción.
¿Puedo enviar eventos personalizados desde server components?
Los eventos personalizados se envían desde el navegador con pulsepanda.track(). Llámalo desde client components o manejadores de eventos; los server components renderizan la página que carga el SDK.
Páginas relacionadas
Explorar más
Añade analítica a tu app de Next.js
Instala una vez y conecta analítica, repetición de sesiones, mapas de calor, embudos y feedback en minutos.
Empezar gratis