Nitro oculta el lado del cliente
Los logs del servidor te dicen que una ruta se renderizó, no si alguien la leyó, la recorrió o la abandonó. El seguimiento en el cliente cubre todo lo que el servidor nunca ve.
Analítica para Nuxt
Observa cómo se mueven los visitantes por tu app Nuxt —páginas vistas, eventos personalizados, session replay y mapas de calor— sin montar un plugin para cada cosa.
Por qué importa
Los logs del servidor te dicen que una ruta se renderizó, no si alguien la leyó, la recorrió o la abandonó. El seguimiento en el cliente cubre todo lo que el servidor nunca ve.
Tras la primera carga, Nuxt cambia de página sin una petición completa. Las herramientas que solo cuentan cargas de documento reportan una única página vista para toda la sesión.
Un desajuste de hidratación rompe la página para el usuario, pero la respuesta del servidor sigue pareciendo correcta. El replay te muestra la pantalla rota que realmente vio el visitante.
Configuración
Registra el script en el bloque app.head de nuxt.config.ts. Se aplica a todas las rutas, tanto en SSR como en SSG.
nuxt.config.ts
// nuxt.config.ts
export default defineNuxtConfig({
app: {
head: {
script: [
{
src: 'https://pulsepanda.dev/sdk.js',
'data-project': 'YOUR_PROJECT_ID',
defer: true
}
]
}
}
})Nuxt navega con la History API, así que los cambios de ruta se detectan automáticamente: no necesitas un hook del router para registrar páginas vistas.
Flujo de trabajo
Añade el script una vez en nuxt.config.ts y quedan cubiertas todas las rutas de tu app.
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.
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
| Capa de análisis | Vistas de página, eventos personalizados, embudos de conversión y retención. |
|---|---|
| Capa de comportamiento | Repetición de sesiones, mapas de calor de clic y scroll, y contexto de errores. |
| Capa de comentarios | Encuestas dentro del producto, widgets de feedback, formularios y un panel de votación de funciones. |
Preguntas frecuentes
Sí. El snippet es solo de cliente, así que se ejecuta tras la hidratación sin importar si la página se renderizó en servidor, se generó estáticamente o ambas cosas.
No. La entrada en app.head basta para páginas vistas y replay. Añade un plugin solo si quieres llamar a track() desde composables en un único sitio.
La etiqueta usa defer, así que carga después de que tu app sea interactiva y no bloquea el renderizado ni el primer pintado.
Páginas relacionadas
Instala una vez y conecta analítica, repetición de sesiones, mapas de calor, embudos y feedback en minutos.
Empezar gratis