Analytics voor React

Productanalyse voor React

PulsePanda geeft je React-single-page-app volledige productanalyse — events, funnels, session replay en heatmaps — vanuit één scripttag, met client-side routewijzigingen die standaard worden getrackt.

Start gratis Installatiehandleiding

Waarom het ertoe doet

Wat React-teams eindelijk kunnen zien

SPA's rapporteren één paginaweergave

Een React-app laadt één keer en wisselt daarna views in de browser. PulsePanda trackt elke in-app-navigatie, zodat je analytics het werkelijke gebruik weerspiegelen, niet één enkele landing.

Geen inzicht in gebruikte componenten

Vuur custom events af op de knoppen en flows die je belangrijk vindt om de adoptie van specifieke functies en componenten te meten.

Moeilijk te reproduceren UI-bugs

Session replay legt de gerenderde DOM en fouten vast, zodat je precies de status kunt zien die voor een gebruiker misging.

Installatie

PulsePanda toevoegen aan React

PulsePanda is framework-agnostisch, dus de eenvoudigste installatie is een scripttag in je HTML-shell. Voeg deze toe aan de <head> van je entry-HTML-bestand.

Vite — index.html (of public/index.html voor 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>

Roep na het laden pulsepanda.track("event_name", { ...props }) aan vanuit elk component om custom events vast te leggen en funnels te bouwen.

Workflow

Van installatie tot inzicht

Installeer de snippet

Voeg het script eenmalig toe aan je React-project. Webanalyse, automatisch vastgelegde klikken, session replay en heatmaps beginnen meteen met verzamelen.

Track wat ertoe doet

Roep pulsepanda.track() aan bij belangrijke acties en pulsepanda.identify() na het inloggen om events, sessies en feedback aan elke gebruiker te koppelen.

Handel naar de data

Bouw funnels, bekijk de replays achter afhaakmomenten, lees heatmaps en verzamel in-productfeedback — allemaal in één werkruimte.

Wat je krijgt

Eén snippet, het volledige beeld

Eén snippet, het volledige beeld
Analyselaag	Paginaweergaven, custom events, conversiefunnels en retentie.
Gedragslaag	Session replay, klik- en scrollheatmaps, en foutcontext.
Feedbacklaag	In-productenquêtes, feedbackwidgets, formulieren en een stembord voor functies.

Veelgestelde vragen

React-vragen

Werkt het met React Router?

Ja. De SDK trackt History API-navigatie, waardoor routewijzigingen vanuit React Router, TanStack Router of elke client-side router automatisch als paginaweergaven worden vastgelegd.

Werkt het met Create React App en Vite?

Beide. Voeg het script toe aan public/index.html voor CRA of index.html voor Vite. Er is geen afhankelijkheid van een buildstap.

Hoe identificeer ik ingelogde gebruikers?

Roep na het inloggen pulsepanda.identify("user_id", { email, plan }) aan, zodat sessies, events en feedback over meerdere bezoeken heen aan dezelfde persoon worden gekoppeld.

Gerelateerde pagina's

Ontdek meer

Analytics toevoegen aan je React-app

Installeer één keer en koppel analyse, session replay, heatmaps, funnels en feedback binnen enkele minuten.

Start gratis