Analítica para Nuxt

Analítica de producto 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

Lo que los equipos de Nuxt por fin pueden ver

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.

La navegación suave no se cuenta

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.

Los errores de hidratación quedan invisibles

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

Añade PulsePanda a Nuxt

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

De la instalación al conocimiento

1

Instala el fragmento

Añade el script una vez en nuxt.config.ts y quedan cubiertas todas las rutas de tu app.

2

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.

3

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

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 Nuxt

¿Funciona con Nuxt en modo SSR?

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.

¿Necesito un plugin o módulo de Nuxt?

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.

¿Perjudicará mis puntuaciones de rendimiento en Nuxt?

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

Explorar más

Añade analítica a tu app Nuxt

Instala una vez y conecta analítica, repetición de sesiones, mapas de calor, embudos y feedback en minutos.

Empezar gratis