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.
Analítica 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
Vue Router intercambia componentes sin recargar la página. PulsePanda cuenta cada navegación para que tus recuentos de vistas coincidan con la realidad.
Registra eventos personalizados para ver qué funciones y flujos alcanzan realmente los usuarios dentro de tu app.
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 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
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.
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
Preguntas frecuentes
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.
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.
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
Instala una vez y conecta analítica, repetición de sesiones, mapas de calor, embudos y feedback en minutos.
Empezar gratis