Clientroutes worden niet meegeteld
SvelteKit navigeert in de browser. PulsePanda trackt elke overgang, zodat je paginaweergaven het werkelijke gebruik weerspiegelen.
Analytics voor Svelte
Productanalyse voor Svelte
Voeg volledige productanalyse toe — events, funnels, session replay en heatmaps — aan je Svelte- of SvelteKit-app vanuit één scripttag, met clientnavigatie die automatisch wordt getrackt.
Waarom het ertoe doet
Wat Svelte-teams eindelijk kunnen zien
Geen zicht op adoptie
Track custom events om te meten welke functies en routes gebruikers na elke release bereiken.
UI-problemen zijn onzichtbaar
Session replay en heatmaps laten zien waar gebruikers moeite hebben in je componenten.
Installatie
PulsePanda toevoegen aan Svelte
Voeg de snippet toe aan src/app.html, de HTML-template die SvelteKit voor elke pagina gebruikt.
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>Voor een plain Svelte-app (Vite) voeg je in plaats daarvan dezelfde snippet toe aan index.html.
Workflow
Van installatie tot inzicht
Installeer de snippet
Voeg het script eenmalig toe aan je Svelte-project. Webanalyse, automatisch vastgelegde klikken, session replay en heatmaps beginnen meteen met verzamelen.
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
| 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
Svelte-vragen
Trackt het SvelteKit-navigatie?
Ja. De SDK luistert naar History API-wijzigingen, waardoor client-side routeovergangen in SvelteKit automatisch als paginaweergaven worden vastgelegd.
Waar plaats ik de snippet in SvelteKit?
In src/app.html, binnen de <head>. Het laadt dan op elke server-gerenderde en client-genavigeerde pagina.
Kan ik events versturen vanuit een Svelte-component?
Ja. Roep pulsepanda.track("event", { props }) aan binnen elke handler of lifecycle-functie.
Gerelateerde pagina's
Ontdek meer
Analytics toevoegen aan je Svelte-app
Installeer één keer en koppel analyse, session replay, heatmaps, funnels en feedback binnen enkele minuten.
Start gratis