Les SPA ne rapportent qu'une seule page vue
Une application React se charge une fois, puis change de vue dans le navigateur. PulsePanda suit chaque navigation interne pour que vos analyses reflètent l'usage réel, et non une seule page d'arrivée.
Analytics pour React
Analytics produit pour React
PulsePanda offre à votre application monopage React une analytics produit complète — événements, funnels, session replay et heatmaps — depuis une seule balise de script, avec le suivi natif des changements de route côté client.
Pourquoi c'est important
Ce que les équipes React peuvent enfin voir
Aucune visibilité sur les composants utilisés
Déclenchez des événements personnalisés sur les boutons et les flux qui vous importent pour mesurer l'adoption de fonctionnalités et de composants spécifiques.
Bugs d'interface difficiles à reproduire
Le session replay capture le DOM rendu et les erreurs pour que vous voyiez l'état exact qui a cassé pour un utilisateur.
Installation
Ajouter PulsePanda à React
PulsePanda est agnostique vis-à-vis des frameworks, donc l'installation la plus simple est une balise de script dans votre shell HTML. Ajoutez-le au <head> de votre fichier HTML d'entrée.
Vite — index.html (ou public/index.html pour 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>Une fois chargé, appelez pulsepanda.track("event_name", { ...props }) depuis n'importe quel composant pour enregistrer des événements personnalisés et créer des funnels.
Flux de travail
De l'installation à l'insight
Installez l'extrait
Ajoutez le script une seule fois à votre projet React. L'analytics web, la capture automatique des clics, le session replay et les heatmaps commencent à collecter immédiatement.
Suivez ce qui compte
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.
Agissez sur les données
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
Un extrait, la vue d'ensemble complète
Couche analytiquePages vues, événements personnalisés, funnels de conversion et rétention.
Couche comportementaleSession replay, heatmaps de clic et de défilement, et contexte d'erreur.
Couche de retoursSondages dans le produit, widgets de retour, formulaires et un tableau de vote sur les fonctionnalités.
FAQ
Questions React
Fonctionne-t-il avec React Router ?
Oui. Le SDK suit la navigation de la History API, donc les changements de route de React Router, TanStack Router ou de n'importe quel router client sont capturés automatiquement comme des pages vues.
Fonctionne-t-il avec Create React App et Vite ?
Les deux. Ajoutez le script à public/index.html pour CRA ou à index.html pour Vite. Il n'y a aucune dépendance à l'étape de build.
Comment identifier les utilisateurs connectés ?
Après la connexion, appelez pulsepanda.identify("user_id", { email, plan }) pour que les sessions, les événements et les retours soient reliés à la même personne d'une visite à l'autre.
Pages associées
En savoir plus
Ajoutez l'analytics à votre application React
Installez une seule fois et connectez l'analytics, le session replay, les heatmaps, les funnels et les retours en quelques minutes.
Commencer gratuitement