Analytics pour Remix
Remix déplace le travail vers le serveur, et c'est précisément pour cela que le côté navigateur reste non mesuré. Ajoutez pages vues, événements, replay et heatmaps au même endroit.
Pourquoi c'est important
Les loaders et actions s'exécutent là où aucune balise d'analytics ne peut les voir. Mesurer dans le navigateur enregistre ce que la personne a fait, pas seulement ce qui a été demandé au serveur.
Une erreur de validation renvoyée par une action met fin au parcours en silence. Le replay montre le champ que l'utilisateur n'a pas pu franchir et le message qu'il a vu.
Remix précharge les routes au survol : l'analytics basée sur les logs compte donc des pages que personne n'a ouvertes. Les pages vues côté client ne se déclenchent que lorsqu'une route est réellement affichée.
Installation
Placez la balise dans le document de la route racine, à côté de Meta et Links, afin qu'elle se charge une seule fois pour toute l'application.
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 navigue côté client après le premier chargement, et le SDK suit ces transitions de lui-même — pas de useEffect dans chaque route.
Flux de travail
Ajoutez le script une fois dans app/root.tsx et toutes les routes imbriquées sont couvertes.
Appelez pulsepanda.track() sur les actions clés et pulsepanda.identify() après la connexion pour relier les événements, les sessions et les retours à chaque utilisateur.
Créez des funnels, regardez les replays derrière les abandons, lisez les heatmaps et recueillez des retours dans le produit — le tout dans un seul espace de travail.
Ce que vous obtenez
| Couche analytique | Pages vues, événements personnalisés, funnels de conversion et rétention. |
|---|---|
| Couche comportementale | Session replay, heatmaps de clic et de défilement, et contexte d'erreur. |
| Couche de retours | Sondages dans le produit, widgets de retour, formulaires et un tableau de vote sur les fonctionnalités. |
FAQ
Dans app/root.tsx, à l'intérieur du head du composant document. Ce fichier enveloppe toutes les routes : une seule balise couvre donc toute l'application.
Oui. Les pages vues suivent l'URL : une route imbriquée qui change la barre d'adresse est enregistrée comme toute autre navigation.
Suivez-le dans le navigateur plutôt que dans l'action : appelez track() lorsque la soumission réussit, afin que l'événement reste rattaché à la session et à son replay.
Pages associées
Installez une seule fois et connectez l'analytics, le session replay, les heatmaps, les funnels et les retours en quelques minutes.
Commencer gratuitement