Iniciar sesiónEmpezar gratis

Analítica para Vue

Analítica de producto para Vue

Captura vistas de página, eventos, repetición de sesiones y mapas de calor en tu app de Vue o Nuxt desde una sola etiqueta de script, con la navegación de Vue Router registrada automáticamente.

Por qué importa

Lo que los equipos de Vue por fin pueden ver

Las vistas del router se pierden

Vue Router intercambia componentes sin recargar la página. PulsePanda cuenta cada navegación para que tus recuentos de vistas coincidan con la realidad.

Sin datos a nivel de funciones

Registra eventos personalizados para ver qué funciones y flujos alcanzan realmente los usuarios dentro de tu app.

La fricción es invisible

Los mapas de calor y la repetición de sesiones muestran dónde los usuarios dudan, hacen rage-click o abandonan en tus componentes.

Configuración

Añade PulsePanda a Vue

Añade el fragmento a tu archivo de entrada HTML. Para Vue simple usa index.html; para Nuxt agrégalo a través de nuxt.config app head.

Vue — index.html

<!doctype html> <html lang="en"> <head> <script src="https://pulsepanda.dev/sdk.js" data-project="YOUR_PROJECT_ID" defer></script> </head> <body> <div id="app"></div> <script type="module" src="/src/main.js"></script> </body> </html>

En Nuxt, añade el mismo script a través de app.head.script en nuxt.config.ts para que se entregue en cada página renderizada en el servidor.

Flujo de trabajo

De la instalación al conocimiento

1

Instala el fragmento

Añade el script una vez a tu proyecto de Vue. La analítica web, los clics autocapturados, la repetición de sesiones y los mapas de calor empiezan a recopilar de inmediato.

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

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 Vue

¿PulsePanda registra la navegación de Vue Router?

Sí. El SDK engancha los cambios de la History API, así que cada transición de ruta de Vue Router o Nuxt se registra como una vista de página automáticamente.

¿Funciona con el renderizado del lado del servidor de Nuxt?

Sí. Añade el fragmento al app head en nuxt.config para que se cargue en cada página renderizada; el tracking se ejecuta en el navegador tras la hidratación.

¿Puedo registrar eventos personalizados en Vue?

Sí. Llama a pulsepanda.track("event", { props }) desde un método, composable o manejador de eventos en cualquier parte de tus componentes.

Páginas relacionadas

Explorar más

Añade analítica a tu app de Vue

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

Empezar gratis