Analytics voor Vue

Productanalyse voor Vue

Leg paginaweergaven, events, session replay en heatmaps vast in je hele Vue- of Nuxt-app vanaf één scripttag, met Vue Router-navigatie die automatisch wordt getrackt.

Start gratis Installatiehandleiding

Waarom het ertoe doet

Wat Vue-teams eindelijk kunnen zien

Routerviews worden gemist

Vue Router wisselt componenten zonder een paginaherlading. PulsePanda telt elke navigatie, zodat je weergavecijfers overeenkomen met de werkelijkheid.

Geen data op functieniveau

Track custom events om te zien welke functies en flows gebruikers daadwerkelijk bereiken binnen je app.

Wrijving is onzichtbaar

Heatmaps en session replay tonen waar gebruikers aarzelen, rage-clicken of afhaken in je componenten.

Installatie

PulsePanda toevoegen aan Vue

Voeg de snippet toe aan je HTML-entrybestand. Gebruik voor plain Vue index.html; voor Nuxt voeg je het toe via de app head 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>

Voeg op Nuxt hetzelfde script toe via app.head.script in nuxt.config.ts, zodat het op elke server-gerenderde pagina wordt meegeleverd.

Workflow

Van installatie tot inzicht

Installeer de snippet

Voeg het script eenmalig toe aan je Vue-project. Webanalyse, automatisch vastgelegde klikken, session replay en heatmaps beginnen meteen met verzamelen.

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

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

Vue-vragen

Trackt PulsePanda Vue Router-navigatie?

Ja. De SDK haakt in op History API-wijzigingen, waardoor elke Vue Router- of Nuxt-routeovergang automatisch als paginaweergave wordt vastgelegd.

Werkt het met server-side rendering in Nuxt?

Ja. Voeg de snippet toe aan de app head in nuxt.config, zodat deze op elke gerenderde pagina laadt; tracking draait in de browser na hydration.

Kan ik custom events tracken in Vue?

Ja. Roep pulsepanda.track("event", { props }) aan vanuit een methode, composable of event handler, waar dan ook in je componenten.

Gerelateerde pagina's

Ontdek meer

Analytics toevoegen aan je Vue-app

Installeer één keer en koppel analyse, session replay, heatmaps, funnels en feedback binnen enkele minuten.

Start gratis