Las SPA reportan una sola vista de página
Una app de React se carga una vez y luego cambia de vista en el navegador. PulsePanda registra cada navegación dentro de la app para que tu analítica refleje el uso real, no una única visita inicial.
Analítica para React
Analítica de producto para React
PulsePanda le da a tu app de página única de React analítica de producto completa — eventos, embudos, repetición de sesiones y mapas de calor — desde una sola etiqueta de script, con los cambios de ruta del lado del cliente registrados de fábrica.
Por qué importa
Lo que los equipos de React por fin pueden ver
Sin información sobre los componentes usados
Dispara eventos personalizados en los botones y flujos que te importan para medir la adopción de funciones y componentes específicos.
Errores de interfaz difíciles de reproducir
La repetición de sesiones captura el DOM renderizado y los errores para que puedas ver el estado exacto que falló para un usuario.
Configuración
Añade PulsePanda a React
PulsePanda es agnóstico al framework, así que la instalación más simple es una etiqueta de script en tu contenedor HTML. Añádelo al <head> de tu archivo HTML de entrada.
Vite — index.html (o public/index.html para CRA)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<script
src="https://pulsepanda.dev/sdk.js"
data-project="YOUR_PROJECT_ID"
defer></script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>Una vez cargado, llama a pulsepanda.track("event_name", { ...props }) desde cualquier componente para registrar eventos personalizados y crear embudos.
Flujo de trabajo
De la instalación al conocimiento
Instala el fragmento
Añade el script una vez a tu proyecto de React. 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 React
¿Funciona con React Router?
Sí. El SDK registra la navegación de la History API, así que los cambios de ruta de React Router, TanStack Router o cualquier router de cliente se capturan como vistas de página automáticamente.
¿Funciona con Create React App y Vite?
Ambos. Añade el script a public/index.html para CRA o a index.html para Vite. No hay dependencia del paso de compilación.
¿Cómo identifico a los usuarios que han iniciado sesión?
Tras el inicio de sesión, llama a pulsepanda.identify("user_id", { email, plan }) para que las sesiones, eventos y feedback se conecten a la misma persona en cada visita.
Páginas relacionadas
Explorar más
Añade analítica a tu app de React
Instala una vez y conecta analítica, repetición de sesiones, mapas de calor, embudos y feedback en minutos.
Empezar gratis