Analytics pour Svelte

Analytics produit pour Svelte

Ajoutez une analytics produit complète — événements, funnels, session replay et heatmaps — à votre application Svelte ou SvelteKit depuis une seule balise de script, avec le suivi automatique de la navigation côté client.

Commencer gratuitement Guide d'installation

Pourquoi c'est important

Ce que les équipes Svelte peuvent enfin voir

Les routes côté client ne sont pas comptées

SvelteKit navigue dans le navigateur. PulsePanda suit chaque transition pour que vos pages vues reflètent l'usage réel.

Aucune visibilité sur l'adoption

Suivez des événements personnalisés pour mesurer quelles fonctionnalités et routes les utilisateurs atteignent après chaque version.

Les problèmes d'interface sont invisibles

Le session replay et les heatmaps révèlent où les utilisateurs rencontrent des difficultés dans vos composants.

Installation

Ajouter PulsePanda à Svelte

Ajoutez l'extrait à src/app.html, le modèle HTML que SvelteKit utilise pour chaque page.

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>

Pour une application Svelte (Vite) simple, ajoutez le même extrait à index.html à la place.

Flux de travail

De l'installation à l'insight

Installez l'extrait

Ajoutez le script une seule fois à votre projet Svelte. L'analytics web, la capture automatique des clics, le session replay et les heatmaps commencent à collecter immédiatement.

Suivez ce qui compte

Appelez pulsepanda.track() sur les actions clés et pulsepanda.identify() après la connexion pour relier les événements, les sessions et les retours à chaque utilisateur.

Agissez sur les données

Créez des funnels, regardez les replays derrière les abandons, lisez les heatmaps et recueillez des retours dans le produit — le tout dans un seul espace de travail.

Ce que vous obtenez

Un extrait, la vue d'ensemble complète

Couche analytiquePages vues, événements personnalisés, funnels de conversion et rétention.

Couche comportementaleSession replay, heatmaps de clic et de défilement, et contexte d'erreur.

Couche de retoursSondages dans le produit, widgets de retour, formulaires et un tableau de vote sur les fonctionnalités.

FAQ

Questions Svelte

Suit-il la navigation SvelteKit ?

Oui. Le SDK écoute les changements de la History API, donc les transitions de route côté client de SvelteKit sont enregistrées automatiquement comme des pages vues.

Où placer l'extrait dans SvelteKit ?

Dans src/app.html à l'intérieur du <head>. Il se charge ensuite sur chaque page rendue côté serveur et naviguée côté client.

Puis-je envoyer des événements depuis un composant Svelte ?

Oui. Appelez pulsepanda.track("event", { props }) à l'intérieur de n'importe quel gestionnaire ou fonction de cycle de vie.

Pages associées

En savoir plus

Ajoutez l'analytics à votre application Svelte

Installez une seule fois et connectez l'analytics, le session replay, les heatmaps, les funnels et les retours en quelques minutes.

Commencer gratuitement