El trabajo en servidor no deja rastro en el cliente
Los loaders y actions se ejecutan donde ninguna etiqueta de analítica puede verlos. Medir en el navegador registra lo que hizo la persona, no solo lo que se le pidió al servidor.
Analítica para Remix
Analítica de producto para Remix
Remix mueve el trabajo al servidor, y justo por eso el lado del navegador queda sin medir. Añade páginas vistas, eventos, replay y mapas de calor en un solo sitio.
Por qué importa
Lo que los equipos de Remix por fin pueden ver
Los envíos fallidos parecen no existir
Un error de validación devuelto por un action termina el recorrido en silencio. El replay muestra el campo que el usuario no pudo superar y el mensaje que vio.
El prefetch infla tus números
Remix precarga rutas al pasar el cursor, así que la analítica basada en logs cuenta páginas que nadie abrió. Las páginas vistas en cliente solo se disparan cuando la ruta se muestra de verdad.
Configuración
Añade PulsePanda a Remix
Coloca la etiqueta en el documento de la ruta raíz, junto a Meta y Links, para que cargue una sola vez en toda la app.
app/root.tsx
// app/root.tsx
import { Links, Meta, Outlet, Scripts } from '@remix-run/react';
export default function App() {
return (
<html lang="en">
<head>
<Meta />
<Links />
<script
src="https://pulsepanda.dev/sdk.js"
data-project="YOUR_PROJECT_ID"
defer
/>
</head>
<body>
<Outlet />
<Scripts />
</body>
</html>
);
}Remix navega en cliente tras la primera carga, y el SDK sigue esas transiciones por su cuenta: no hace falta un useEffect en cada ruta.
Flujo de trabajo
De la instalación al conocimiento
Instala el fragmento
Añade el script una vez en app/root.tsx y quedan cubiertas todas las rutas anidadas.
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á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
Preguntas sobre Remix
¿Dónde va exactamente el script en Remix?
En app/root.tsx, dentro del head del componente de documento. Ese archivo envuelve todas las rutas, así que una sola etiqueta cubre toda la app.
¿Registra los cambios de rutas anidadas?
Sí. Las páginas vistas siguen la URL, así que una ruta anidada que cambia la barra de direcciones se registra como cualquier otra navegación.
¿Puedo registrar el envío de un formulario desde un action?
Regístralo en el navegador y no en el action: llama a track() cuando el envío tenga éxito, para que el evento quede ligado a la sesión y a su replay.
Páginas relacionadas
Explorar más
Añade analítica a tu app Remix
Instala una vez y conecta analítica, repetición de sesiones, mapas de calor, embudos y feedback en minutos.
Empezar gratis