Analys för Svelte

Produktanalys för Svelte

Lägg till full produktanalys — events, tratt, session replay och heatmaps — till din Svelte- eller SvelteKit-app från en enda skripttagg, med klientnavigering spårad automatiskt.

Kom igång gratis Installationsguide

Varför det spelar roll

Vad Svelte-team äntligen kan se

Klientrutter räknas inte

SvelteKit navigerar i webbläsaren. PulsePanda spårar varje övergång så att dina sidvisningar speglar verklig användning.

Ingen insyn i adoption

Spåra anpassade events för att mäta vilka funktioner och rutter användare når efter varje release.

UI-problem är osynliga

Session replay och heatmaps avslöjar var användare kämpar inne i dina komponenter.

Installation

Lägg till PulsePanda i Svelte

Lägg till kodavsnittet i src/app.html, HTML-mallen som SvelteKit använder för varje sida.

SvelteKit — src/app.html

<!doctype html>
<html lang="en">
  <head>
    %sveltekit.head%
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <div>%sveltekit.body%</div>
  </body>
</html>

För en vanlig Svelte-app (Vite), lägg istället till samma kodavsnitt i index.html.

Arbetsflöde

Från installation till insikt

Installera kodavsnittet

Lägg till skriptet en gång i ditt Svelte-projekt. Webbanalys, automatiskt fångade klick, session replay och heatmaps börjar samla in data direkt.

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

Svelte-frågor

Spårar det SvelteKit-navigering?

Ja. SDK:t lyssnar på History API-ändringar, så klientsidiga ruttövergångar i SvelteKit registreras automatiskt som sidvisningar.

Var lägger jag kodavsnittet i SvelteKit?

I src/app.html inuti <head>. Det laddas då på varje serverrenderad och klientnavigerad sida.

Kan jag skicka events från en Svelte-komponent?

Ja. Anropa pulsepanda.track("event", { props }) inuti valfri hanterare eller livscykelfunktion.

Relaterade sidor

Utforska mer

Lägg till analys i din Svelte-app

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

Kom igång gratis