Analytics für Svelte

Produktanalyse für Svelte

Füge deiner Svelte- oder SvelteKit-App über ein einziges Script-Tag vollständige Produktanalyse hinzu – Events, Funnels, Session Replay und Heatmaps –, wobei die Client-Navigation automatisch erfasst wird.

Kostenlos starten Installationsanleitung

Warum es wichtig ist

Was Svelte-Teams endlich sehen können

Client-Routen werden nicht gezählt

SvelteKit navigiert im Browser. PulsePanda erfasst jeden Übergang, damit deine Seitenaufrufe die tatsächliche Nutzung widerspiegeln.

Kein Blick auf die Nutzung

Verfolge eigene Events, um zu messen, welche Funktionen und Routen Nutzer nach jedem Release erreichen.

UI-Probleme bleiben unsichtbar

Session Replay und Heatmaps zeigen, wo Nutzer in deinen Komponenten Schwierigkeiten haben.

Einrichtung

PulsePanda zu Svelte hinzufügen

Füge das Snippet in src/app.html ein, das HTML-Template, das SvelteKit für jede Seite nutzt.

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üge es bei einer reinen Svelte-App (Vite) stattdessen in index.html ein.

Workflow

Von der Installation zur Erkenntnis

Snippet installieren

Füge das Skript einmal zu deinem Svelte-Projekt hinzu. Webanalyse, automatisch erfasste Klicks, Session Replay und Heatmaps beginnen sofort mit der Erfassung.

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 Svelte

Erfasst es die Navigation in SvelteKit?

Ja. Das SDK lauscht auf Änderungen der History API, sodass clientseitige Routenübergänge in SvelteKit automatisch als Seitenaufrufe erfasst werden.

Wo füge ich das Snippet in SvelteKit ein?

In src/app.html innerhalb von <head>. Dann lädt es auf jeder serverseitig gerenderten und clientseitig navigierten Seite.

Kann ich Events aus einer Svelte-Komponente senden?

Ja. Rufe pulsepanda.track("event", { props }) in einem beliebigen Handler oder einer Lifecycle-Funktion auf.

Verwandte Seiten

Mehr entdecken

Füge deiner Svelte-App Analytics hinzu

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

Kostenlos starten