Nitro verbergt de clientzijde
Serverlogs vertellen je dat een route is gerenderd, niet of iemand hem heeft gelezen, doorgescrold of erbij is weggelopen. Client-side tracking vult alles in wat de server nooit ziet.
Analyse voor Nuxt
Productanalyse voor Nuxt
Zie hoe bezoekers door je Nuxt-app bewegen — paginaweergaves, custom events, session replay en heatmaps — zonder voor elk daarvan een plugin te hoeven koppelen.
Waarom het ertoe doet
Wat Nuxt-teams eindelijk kunnen zien
Soft navigation wordt niet geteld
Na de eerste keer laden wisselt Nuxt pagina's zonder volledig nieuw verzoek. Tools die alleen documentloads tellen, rapporteren één paginaweergave voor een hele sessie.
Hydratiefouten blijven onzichtbaar
Een hydration mismatch breekt de pagina voor de gebruiker, terwijl de serverrespons er prima uitziet. Replay laat je het kapotte scherm zien dat de bezoeker daadwerkelijk kreeg.
Installatie
Voeg PulsePanda toe aan Nuxt
Registreer het script in het app.head-blok van nuxt.config.ts. Het geldt voor elke route, zowel bij SSR als 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 navigeert met de History API, waardoor route-wijzigingen automatisch worden opgepikt — je hebt geen router hook nodig om paginaweergaves vast te leggen.
Workflow
Van installatie tot inzicht
Installeer de snippet
Voeg het script eenmalig toe aan nuxt.config.ts en elke route in je app is gedekt.
Track wat ertoe doet
Roep pulsepanda.track() aan bij belangrijke acties en pulsepanda.identify() na het inloggen om events, sessies en feedback aan elke gebruiker te koppelen.
Handel naar de data
Bouw funnels, bekijk de replays achter afhaakmomenten, lees heatmaps en verzamel in-productfeedback — allemaal in één werkruimte.
Wat je krijgt
Eén snippet, het volledige beeld
| Analyselaag | Paginaweergaven, custom events, conversiefunnels en retentie. |
|---|---|
| Gedragslaag | Session replay, klik- en scrollheatmaps, en foutcontext. |
| Feedbacklaag | In-productenquêtes, feedbackwidgets, formulieren en een stembord voor functies. |
Veelgestelde vragen
Vragen over Nuxt
Werkt dit met Nuxt in SSR-modus?
Ja. Het snippet is alleen client-side, dus het draait na hydratie, ongeacht of de pagina server-side gerenderd, statisch gegenereerd of beide is.
Heb ik een Nuxt-plugin of -module nodig?
Nee. De app.head-regel volstaat voor paginaweergaves en replay. Voeg alleen een plugin toe als je track() vanuit composables op één plek wilt aanroepen.
Gaat dit ten koste van mijn Nuxt-performancescores?
De tag wordt uitgesteld geladen, dus hij laadt pas nadat je app interactief is en blokkeert de rendering of first paint niet.
Gerelateerde pagina's
Ontdek meer
Voeg analyse toe aan je Nuxt-app
Installeer één keer en koppel analyse, session replay, heatmaps, funnels en feedback binnen enkele minuten.
Start gratis