Analytics für Remix

Produktanalyse für Remix

Remix verlagert Arbeit auf den Server – genau deshalb bleibt die Browser-Seite ungemessen. Ergänze Seitenaufrufe, Events, Replay und Heatmaps an einer Stelle.

Kostenlos starten Installationsanleitung

Warum es wichtig ist

Was Remix-Teams endlich sehen können

Serverseitige Arbeit hinterlässt keine Spur im Client

Loader und Actions laufen dort, wo kein Analytics-Tag sie sehen kann. Tracking im Browser zeichnet auf, was die Person getan hat, nicht nur, was beim Server angefragt wurde.

Fehlgeschlagene Einsendungen sehen nach nichts aus

Ein Validierungsfehler, den eine Action zurückgibt, beendet die Journey still. Replay zeigt das Feld, an dem der Nutzer nicht weiterkam, und die Meldung, die er gesehen hat.

Prefetching bläht deine Zahlen auf

Remix lädt Routen beim Hovern vorab, sodass Analytics auf Basis von Server-Logs Seiten zählen, die niemand geöffnet hat. Clientseitige Seitenaufrufe werden nur ausgelöst, wenn eine Route tatsächlich angezeigt wird.

Einrichtung

PulsePanda zu Remix hinzufügen

Platziere das Tag in der Dokument-Hülle der Root-Route, neben Meta und Links, damit es einmal für die ganze App lädt.

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 navigiert nach dem ersten Laden clientseitig, und das SDK folgt diesen Übergängen selbstständig – kein useEffect in jeder Route nötig.

Workflow

Von der Installation zur Erkenntnis

Snippet installieren

Füge das Skript einmal in app/root.tsx ein, und jede verschachtelte Route ist abgedeckt.

Erfassen, was zählt

Rufe pulsepanda.track() bei wichtigen Aktionen und pulsepanda.identify() nach dem Login auf, um Events, Sessions und Feedback jedem Nutzer zuzuordnen.

Auf Basis der Daten handeln

Erstelle Funnels, sieh dir die Replays hinter Abbrüchen an, lies Heatmaps und sammle Feedback im Produkt – alles in einem Workspace.

Was du bekommst

Ein Snippet, das ganze Bild

Ein Snippet, das ganze Bild
Analytics-Ebene	Seitenaufrufe, eigene Events, Conversion-Funnels und Retention.
Verhaltensebene	Session Replay, Klick- und Scroll-Heatmaps und Fehlerkontext.
Feedback-Ebene	Eingebettete Umfragen, Feedback-Widgets, Formulare und ein Feature-Voting-Board.

FAQ

Fragen zu Remix

Wo genau kommt das Skript in Remix hin?

In app/root.tsx, innerhalb des head der Document-Komponente. Diese Datei umschließt jede Route, sodass ein Tag die ganze App abdeckt.

Erfasst es Wechsel verschachtelter Routen?

Ja. Seitenaufrufe folgen der URL, sodass eine verschachtelte Route, die die Adressleiste ändert, wie jede andere Navigation erfasst wird.

Kann ich eine Formulareinsendung aus einer Action erfassen?

Erfasse sie im Browser statt in der Action: Ruf track() auf, wenn die Einsendung erfolgreich ist, damit das Event mit der Session und ihrem Replay verknüpft bleibt.

Verwandte Seiten

Mehr entdecken

Füge deiner Remix-App Analytics hinzu

Einmal installieren und Analytics, Session Replay, Heatmaps, Funnels und Feedback in wenigen Minuten verbinden.

Kostenlos starten