Analys för Remix

Produktanalys för Remix

Remix flyttar arbete till servern, vilket är precis anledningen till att webbläsarsidan förblir omätt. Lägg till sidvisningar, events, replay och heatmaps på ett och samma ställe.

Kom igång gratis Installationsguide

Varför det spelar roll

Vad Remix-team äntligen kan se

Serverarbete lämnar inga spår på klienten

Loaders och actions körs där ingen analystagg kan se dem. Spårning i webbläsaren registrerar vad personen faktiskt gjorde, inte bara vad servern blev ombedd om.

Misslyckade inskickningar syns inte alls

Ett valideringsfel som returneras från en action avslutar resan i tysthet. Replay visar fältet användaren inte kunde ta sig förbi och meddelandet de fick se.

Prefetching blåser upp dina siffror

Remix förhämtar (prefetchar) rutter vid hover, så analys baserad på serverloggar räknar sidor ingen öppnade. Klientsidans sidvisningar utlöses bara när en rutt faktiskt visas.

Installation

Lägg till PulsePanda i Remix

Placera taggen i rot-ruttens dokumentskal, bredvid Meta och Links, så laddas den en gång för hela appen.

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 navigerar klientsidan efter den första inläsningen, och SDK:t följer dessa övergångar automatiskt — ingen useEffect behövs i varje rutt.

Arbetsflöde

Från installation till insikt

Installera kodavsnittet

Lägg till skriptet en gång i app/root.tsx, så täcks varje nästlad rutt.

Spåra det som betyder något

Anropa pulsepanda.track() vid viktiga händelser och pulsepanda.identify() efter inloggning för att koppla events, sessioner och feedback till varje användare.

Agera på datan

Bygg trattar, se replays bakom avhopp, läs heatmaps och samla in feedback direkt i produkten — allt i en och samma arbetsyta.

Det här får du

Ett kodavsnitt, hela bilden

Ett kodavsnitt, hela bilden
Analyslager	Sidvisningar, custom events, konverteringstrattar och retention.
Beteendelager	Session replay, klick- och scroll-heatmaps samt felkontext.
Feedbacklager	Undersökningar i produkten, feedback-widgetar, formulär och en tavla för funktionsröstning.

Vanliga frågor

Frågor om Remix

Var exakt ska skriptet placeras i Remix?

I app/root.tsx, inuti head på dokumentkomponenten. Den filen omsluter varje rutt, så en tagg täcker hela appen.

Spårar det ändringar i nästlade rutter?

Ja. Sidvisningar följer URL:en, så en nästlad rutt som ändrar adressfältet registreras som vilken annan navigering som helst.

Kan jag spåra en formulärinskickning från en action?

Spåra den i webbläsaren istället för i actionen: anropa track() när inskickningen lyckas, så att eventet förblir kopplat till sessionen och dess replay.

Relaterade sidor

Utforska mer

Lägg till analys i din Remix-app

Installera en gång och koppla samman analys, session replay, heatmaps, trattar och feedback på några minuter.

Kom igång gratis