Analytics für Nuxt

Produktanalyse für Nuxt

Sieh, wie sich Besucher durch deine Nuxt-App bewegen – Seitenaufrufe, eigene Events, Session Replay und Heatmaps –, ohne für jedes ein Plugin anzubinden.

Kostenlos starten Installationsanleitung

Warum es wichtig ist

Was Nuxt-Teams endlich sehen können

Nitro verbirgt die Client-Seite

Server-Logs sagen dir, dass eine Route gerendert wurde, aber nicht, ob jemand sie gelesen, gescrollt oder aufgegeben hat. Clientseitiges Tracking ergänzt alles, was der Server nie sieht.

Soft Navigation wird nicht gezählt

Nach dem ersten Laden wechselt Nuxt Seiten ohne vollständige Anfrage. Tools, die nur Dokumentladevorgänge zählen, melden einen einzigen Seitenaufruf für eine ganze Session.

Hydration-Fehler bleiben unsichtbar

Ein Hydration-Mismatch macht die Seite für den Nutzer kaputt, lässt die Server-Antwort aber in Ordnung aussehen. Replay zeigt dir den kaputten Bildschirm, den der Besucher tatsächlich bekommen hat.

Einrichtung

PulsePanda zu Nuxt hinzufügen

Registriere das Skript im Block app.head von nuxt.config.ts. Es gilt für jede Route, bei SSR wie bei 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 navigiert über die History API, sodass Routenwechsel automatisch erfasst werden – du brauchst keinen Router-Hook, um Seitenaufrufe aufzuzeichnen.

Workflow

Von der Installation zur Erkenntnis

Snippet installieren

Füge das Skript einmal in nuxt.config.ts ein, und jede Route deiner App ist abgedeckt.

Erfassen, was zählt

Rufe pulsepanda.track() bei wichtigen Aktionen und pulsepanda.identify() nach dem Login auf, um Events, Sessions und Feedback jedem Nutzer zuzuordnen.

Auf Basis der Daten handeln

Erstelle Funnels, sieh dir die Replays hinter Abbrüchen an, lies Heatmaps und sammle Feedback im Produkt – alles in einem Workspace.

Was du bekommst

Ein Snippet, das ganze Bild

Ein Snippet, das ganze Bild
Analytics-Ebene	Seitenaufrufe, eigene Events, Conversion-Funnels und Retention.
Verhaltensebene	Session Replay, Klick- und Scroll-Heatmaps und Fehlerkontext.
Feedback-Ebene	Eingebettete Umfragen, Feedback-Widgets, Formulare und ein Feature-Voting-Board.

FAQ

Fragen zu Nuxt

Funktioniert das mit Nuxt im SSR-Modus?

Ja. Das Snippet läuft nur clientseitig, also nach der Hydration, unabhängig davon, ob die Seite serverseitig gerendert, statisch generiert oder beides wurde.

Brauche ich ein Nuxt-Plugin oder -Modul?

Nein. Der Eintrag in app.head reicht für Seitenaufrufe und Replay. Füge nur dann ein Plugin hinzu, wenn du track() an einer Stelle aus Composables aufrufen willst.

Schadet es meinen Nuxt-Performance-Werten?

Das Tag wird verzögert geladen, also nachdem deine App interaktiv ist, und blockiert weder das Rendern noch den First Paint.

Verwandte Seiten

Mehr entdecken

Füge deiner Nuxt-App Analytics hinzu

Einmal installieren und Analytics, Session Replay, Heatmaps, Funnels und Feedback in wenigen Minuten verbinden.

Kostenlos starten