Analisi per Vue

Analisi di prodotto per Vue

Acquisisci visualizzazioni di pagina, eventi, registrazione delle sessioni e heatmap in tutta la tua app Vue o Nuxt con un solo tag script, con la navigazione di Vue Router tracciata automaticamente.

Inizia gratis Guida all'installazione

Perché è importante

Cosa possono finalmente vedere i team Vue

Le viste del router vengono perse

Vue Router cambia componenti senza ricaricare la pagina. PulsePanda conta ogni navigazione, così i conteggi delle visualizzazioni corrispondono alla realtà.

Nessun dato a livello di funzionalità

Traccia eventi personalizzati per vedere quali funzionalità e flussi gli utenti raggiungono davvero nella tua app.

L'attrito è invisibile

Heatmap e registrazione delle sessioni mostrano dove gli utenti esitano, fanno rage click o abbandonano nei tuoi componenti.

Configurazione

Aggiungi PulsePanda a Vue

Aggiungi lo snippet al tuo file HTML di ingresso. Per Vue semplice usa index.html; per Nuxt aggiungilo tramite l'head dell'app in nuxt.config.

Vue — index.html

<!doctype html>
<html lang="en">
  <head>
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

Su Nuxt, aggiungi lo stesso script tramite app.head.script in nuxt.config.ts così viene incluso in ogni pagina renderizzata lato server.

Flusso di lavoro

Dall'installazione all'insight

Installa lo snippet

Aggiungi lo script una sola volta al tuo progetto Vue. 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 Vue

PulsePanda traccia la navigazione di Vue Router?

Sì. L'SDK intercetta i cambiamenti della History API, quindi ogni transizione di route di Vue Router o Nuxt viene registrata automaticamente come visualizzazione di pagina.

Funziona con il rendering lato server di Nuxt?

Sì. Aggiungi lo snippet all'head dell'app in nuxt.config così si carica su ogni pagina renderizzata; il tracciamento viene eseguito nel browser dopo l'hydration.

Posso tracciare eventi personalizzati in Vue?

Sì. Chiama pulsepanda.track("event", { props }) da un metodo, un composable o un event handler ovunque nei tuoi componenti.

Pagine correlate

Scopri di più

Aggiungi analisi alla tua app Vue

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

Inizia gratis