Analisi per Svelte

Analisi di prodotto per Svelte

Aggiungi un'analisi di prodotto completa (eventi, funnel, registrazione delle sessioni e heatmap) alla tua app Svelte o SvelteKit con un solo tag script, con la navigazione lato client tracciata automaticamente.

Inizia gratis Guida all'installazione

Perché è importante

Cosa possono finalmente vedere i team Svelte

Le route lato client non vengono contate

SvelteKit naviga nel browser. PulsePanda traccia ogni transizione, così le tue visualizzazioni di pagina riflettono l'utilizzo reale.

Nessuna visibilità sull'adozione

Traccia eventi personalizzati per misurare quali funzionalità e route raggiungono gli utenti dopo ogni rilascio.

I problemi dell'interfaccia sono invisibili

Registrazione delle sessioni e heatmap rivelano dove gli utenti hanno difficoltà nei tuoi componenti.

Configurazione

Aggiungi PulsePanda a Svelte

Aggiungi lo snippet a src/app.html, il template HTML che SvelteKit usa per ogni pagina.

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>

Per un'app Svelte semplice (Vite), aggiungi invece lo stesso snippet a index.html.

Flusso di lavoro

Dall'installazione all'insight

Installa lo snippet

Aggiungi lo script una sola volta al tuo progetto Svelte. Analisi web, clic acquisiti automaticamente, registrazione delle sessioni e heatmap iniziano subito a raccogliere dati.

Traccia ciò che conta

Chiama pulsepanda.track() sulle azioni chiave e pulsepanda.identify() dopo l'accesso per collegare eventi, sessioni e feedback a ogni utente.

Agisci in base ai dati

Crea funnel, guarda le registrazioni dietro gli abbandoni, leggi le heatmap e raccogli feedback nel prodotto, tutto in un unico workspace.

Cosa ottieni

Un solo snippet, il quadro completo

Un solo snippet, il quadro completo
Livello di analisi	Visualizzazioni di pagina, eventi personalizzati, funnel di conversione e retention.
Livello del comportamento	Registrazione delle sessioni, heatmap di clic e scroll e contesto degli errori.
Livello del feedback	Sondaggi incorporati, widget di feedback, moduli e una bacheca di voto delle funzionalità.

FAQ

Domande su Svelte

Traccia la navigazione di SvelteKit?

Sì. L'SDK ascolta i cambiamenti della History API, quindi le transizioni di route lato client di SvelteKit vengono registrate automaticamente come visualizzazioni di pagina.

Dove inserisco lo snippet in SvelteKit?

In src/app.html, all'interno di <head>. Così si carica su ogni pagina renderizzata lato server e su ogni pagina raggiunta con navigazione lato client.

Posso inviare eventi da un componente Svelte?

Sì. Chiama pulsepanda.track("event", { props }) in qualsiasi handler o funzione del ciclo di vita.

Pagine correlate

Scopri di più

Aggiungi analisi alla tua app Svelte

Installa una volta e collega analisi, registrazione delle sessioni, heatmap, funnel e feedback in pochi minuti.

Inizia gratis