Nitro nasconde il lato client
I log del server ti dicono che una route è stata renderizzata, non se qualcuno l'ha letta, l'ha scorsa o ci ha rinunciato. Il tracciamento lato client colma tutto ciò che il server non vede mai.
Analisi per Nuxt
Analisi di prodotto per Nuxt
Scopri come i visitatori si muovono nella tua app Nuxt (visualizzazioni di pagina, eventi personalizzati, registrazione delle sessioni e heatmap) senza collegare un plugin per ciascuna funzione.
Perché è importante
Cosa possono finalmente vedere i team Nuxt
La navigazione soft non viene contata
Dopo il primo caricamento, Nuxt cambia pagina senza una richiesta completa. Gli strumenti che contano solo i caricamenti del documento riportano una sola visualizzazione di pagina per un'intera sessione.
Gli errori di hydration restano invisibili
Un errore di hydration rompe la pagina per l'utente ma lascia la risposta del server apparentemente corretta. Le registrazioni ti mostrano la schermata rotta che il visitatore ha davvero visto.
Configurazione
Aggiungi PulsePanda a Nuxt
Registra lo script nel blocco app.head di nuxt.config.ts. Si applica a ogni route, sia in SSR sia in SSG.
nuxt.config.ts
// nuxt.config.ts
export default defineNuxtConfig({
app: {
head: {
script: [
{
src: 'https://pulsepanda.dev/sdk.js',
'data-project': 'YOUR_PROJECT_ID',
defer: true
}
]
}
}
})Nuxt naviga con la History API, quindi i cambi di route vengono rilevati automaticamente: non ti serve un hook del router per registrare le visualizzazioni di pagina.
Flusso di lavoro
Dall'installazione all'insight
Installa lo snippet
Aggiungi lo script una sola volta a nuxt.config.ts e ogni route della tua app è coperta.
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 Nuxt
Funziona con Nuxt in modalità SSR?
Sì. Lo snippet funziona solo lato client, quindi viene eseguito dopo l'hydration indipendentemente dal fatto che la pagina sia stata renderizzata lato server, generata staticamente o entrambe le cose.
Mi serve un plugin o un modulo Nuxt?
No. La voce in app.head basta per visualizzazioni di pagina e registrazioni. Aggiungi un plugin solo se vuoi chiamare track() dai composable in un unico punto.
Peggiorerà i punteggi di prestazione della mia app Nuxt?
Il tag è differito, quindi si carica dopo che la tua app è interattiva e non blocca il rendering né il primo rendering visibile.
Pagine correlate
Scopri di più
Aggiungi analisi alla tua app Nuxt
Installa una volta e collega analisi, registrazione delle sessioni, heatmap, funnel e feedback in pochi minuti.
Inizia gratis