Analytics für Vue

Produktanalyse für Vue

Erfasse Seitenaufrufe, Events, Session Replay und Heatmaps in deiner Vue- oder Nuxt-App über ein einziges Script-Tag, wobei Navigation über Vue Router automatisch erfasst wird.

Kostenlos starten Installationsanleitung

Warum es wichtig ist

Was Vue-Teams endlich sehen können

Router-Ansichten werden übersehen

Vue Router wechselt Komponenten ohne Neuladen der Seite. PulsePanda zählt jede Navigation, damit deine Aufrufzahlen der Realität entsprechen.

Keine Daten auf Funktionsebene

Verfolge eigene Events, um zu sehen, welche Funktionen und Abläufe Nutzer in deiner App tatsächlich erreichen.

Reibung bleibt unsichtbar

Heatmaps und Session Replay zeigen, wo Nutzer in deinen Komponenten zögern, wütend klicken oder abspringen.

Einrichtung

PulsePanda zu Vue hinzufügen

Füge das Snippet in deine HTML-Einstiegsdatei ein. Für reines Vue nutze index.html; für Nuxt füge es über den App-Head in der nuxt.config hinzu.

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>

Füge bei Nuxt dasselbe Skript über app.head.script in der nuxt.config.ts hinzu, damit es mit jeder serverseitig gerenderten Seite ausgeliefert wird.

Workflow

Von der Installation zur Erkenntnis

Snippet installieren

Füge das Skript einmal zu deinem Vue-Projekt hinzu. Webanalyse, automatisch erfasste Klicks, Session Replay und Heatmaps beginnen sofort mit der Erfassung.

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 Vue

Erfasst PulsePanda die Navigation über Vue Router?

Ja. Das SDK klinkt sich in Änderungen der History API ein, sodass jeder Routenübergang in Vue Router oder Nuxt automatisch als Seitenaufruf erfasst wird.

Funktioniert es mit serverseitigem Rendering in Nuxt?

Ja. Füge das Snippet in den App-Head in der nuxt.config ein, damit es auf jeder gerenderten Seite lädt; das Tracking läuft nach der Hydration im Browser.

Kann ich in Vue eigene Events erfassen?

Ja. Rufe pulsepanda.track("event", { props }) aus einer Methode, einem Composable oder einem Event-Handler an beliebiger Stelle in deinen Komponenten auf.

Verwandte Seiten

Mehr entdecken

Füge deiner Vue-App Analytics hinzu

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

Kostenlos starten