Analyse voor Remix

Productanalyse voor Remix

Remix verplaatst werk naar de server, en dat is precies waarom de browserkant ongemeten blijft. Voeg paginaweergaves, events, replay en heatmaps op één plek toe.

Start gratis Installatiehandleiding

Waarom het ertoe doet

Wat Remix-teams eindelijk kunnen zien

Server-side werk laat geen spoor achter bij de client

Loaders en actions draaien op een plek waar geen analysetag ze kan zien. Tracking in de browser legt vast wat de persoon deed, niet alleen wat er aan de server werd gevraagd.

Mislukte inzendingen lijken op niets

Een validatiefout die door een action wordt teruggegeven, beëindigt de journey stilletjes. Replay laat het veld zien waar de gebruiker niet voorbij kwam en het bericht dat werd getoond.

Prefetching blaast je cijfers op

Remix haalt routes vooraf op bij hover, waardoor serverlog-analyse pagina's telt die niemand heeft geopend. Client-side paginaweergaves vuren alleen wanneer een route daadwerkelijk wordt getoond.

Installatie

Voeg PulsePanda toe aan Remix

Plaats de tag in de document shell van de root route, naast Meta en Links, zodat hij één keer voor de hele app laadt.

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 navigeert client-side na de eerste keer laden, en de SDK volgt die overgangen zelfstandig — geen useEffect nodig in elke route.

Workflow

Van installatie tot inzicht

Installeer de snippet

Voeg het script eenmalig toe aan app/root.tsx en elke geneste route is gedekt.

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

Vragen over Remix

Waar precies moet het script in Remix komen?

In app/root.tsx, in de head van de document-component. Dat bestand omhult elke route, dus één tag dekt de hele app.

Registreert het geneste route-wijzigingen?

Ja. Paginaweergaves volgen de URL, dus een geneste route die de adresbalk verandert, wordt vastgelegd als elke andere navigatie.

Kan ik een formulierinzending vanuit een action tracken?

Track het in de browser in plaats van in de action: roep track() aan zodra de inzending slaagt, zodat het event gekoppeld blijft aan de sessie en de replay ervan.

Gerelateerde pagina's

Ontdek meer

Voeg analyse toe aan je Remix-app

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

Start gratis