Le SPA registrano una sola visualizzazione di pagina
Un'app React si carica una volta e poi cambia vista nel browser. PulsePanda traccia ogni navigazione interna all'app, così le tue analisi riflettono l'utilizzo reale e non un singolo atterraggio.
Analisi per React
Analisi di prodotto per React
PulsePanda offre alla tua single-page app React un'analisi di prodotto completa (eventi, funnel, registrazione delle sessioni e heatmap) da un solo tag script, con i cambi di route lato client tracciati fin da subito.
Perché è importante
Cosa possono finalmente vedere i team React
Nessuna visibilità sui componenti usati
Attiva eventi personalizzati sui pulsanti e sui flussi che ti interessano per misurare l'adozione di funzionalità e componenti specifici.
Bug dell'interfaccia difficili da riprodurre
La registrazione delle sessioni acquisisce il DOM renderizzato e gli errori, così puoi vedere lo stato esatto che si è rotto per un utente.
Configurazione
Aggiungi PulsePanda a React
PulsePanda è indipendente dal framework, quindi l'installazione più semplice è un tag script nella shell HTML. Aggiungilo all'<head> del tuo file HTML di ingresso.
Vite — index.html (o public/index.html per CRA)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<script
src="https://pulsepanda.dev/sdk.js"
data-project="YOUR_PROJECT_ID"
defer></script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>Una volta caricato, chiama pulsepanda.track("event_name", { ...props }) da qualsiasi componente per registrare eventi personalizzati e creare funnel.
Flusso di lavoro
Dall'installazione all'insight
Installa lo snippet
Aggiungi lo script una sola volta al tuo progetto React. 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
| 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 React
Funziona con React Router?
Sì. L'SDK traccia la navigazione tramite History API, quindi i cambi di route da React Router, TanStack Router o qualsiasi router lato client vengono acquisiti automaticamente come visualizzazioni di pagina.
Funziona con Create React App e Vite?
Con entrambi. Aggiungi lo script a public/index.html per CRA o a index.html per Vite. Non c'è alcuna dipendenza dal processo di build.
Come identifico gli utenti che hanno effettuato l'accesso?
Dopo l'accesso, chiama pulsepanda.identify("user_id", { email, plan }) così sessioni, eventi e feedback si collegano alla stessa persona tra una visita e l'altra.
Pagine correlate
Scopri di più
Aggiungi analisi alla tua app React
Installa una volta e collega analisi, registrazione delle sessioni, heatmap, funnel e feedback in pochi minuti.
Inizia gratis