Analys för Vue

Produktanalys för Vue

Fånga sidvisningar, events, session replay och heatmaps över hela din Vue- eller Nuxt-app från en enda skripttagg, med Vue Router-navigering spårad automatiskt.

Kom igång gratis Installationsguide

Varför det spelar roll

Vad Vue-team äntligen kan se

Routervisningar missas

Vue Router byter komponenter utan att sidan laddas om. PulsePanda räknar varje navigering så att dina visningsantal stämmer med verkligheten.

Ingen data på funktionsnivå

Spåra anpassade events för att se vilka funktioner och flöden användare faktiskt når inne i din app.

Friktion är osynlig

Heatmaps och session replay visar var användare tvekar, rage-klickar eller hoppar av i dina komponenter.

Installation

Lägg till PulsePanda i Vue

Lägg till kodavsnittet i din HTML-startfil. För vanlig Vue, använd index.html; för Nuxt, lägg till det via nuxt.config app head.

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>

I Nuxt lägger du till samma skript via app.head.script i nuxt.config.ts så att det skickas med på varje serverrenderad sida.

Arbetsflöde

Från installation till insikt

Installera kodavsnittet

Lägg till skriptet en gång i ditt Vue-projekt. Webbanalys, automatiskt fångade klick, session replay och heatmaps börjar samla in data direkt.

Spåra det som betyder något

Anropa pulsepanda.track() vid viktiga händelser och pulsepanda.identify() efter inloggning för att koppla events, sessioner och feedback till varje användare.

Agera på datan

Bygg trattar, se replays bakom avhopp, läs heatmaps och samla in feedback direkt i produkten — allt i en och samma arbetsyta.

Det här får du

Ett kodavsnitt, hela bilden

Ett kodavsnitt, hela bilden
Analyslager	Sidvisningar, custom events, konverteringstrattar och retention.
Beteendelager	Session replay, klick- och scroll-heatmaps samt felkontext.
Feedbacklager	Undersökningar i produkten, feedback-widgetar, formulär och en tavla för funktionsröstning.

Vanliga frågor

Vue-frågor

Spårar PulsePanda Vue Router-navigering?

Ja. SDK:t kopplar in sig på History API-ändringar, så varje ruttövergång i Vue Router eller Nuxt registreras automatiskt som en sidvisning.

Fungerar det med serverrendering i Nuxt?

Ja. Lägg till kodavsnittet i app head i nuxt.config så att det laddas på varje renderad sida; spårningen körs i webbläsaren efter hydrering.

Kan jag spåra anpassade events i Vue?

Ja. Anropa pulsepanda.track("event", { props }) från en metod, en composable eller en händelsehanterare var som helst i dina komponenter.

Relaterade sidor

Utforska mer

Lägg till analys i din Vue-app

Installera en gång och koppla samman analys, session replay, heatmaps, trattar och feedback på några minuter.

Kom igång gratis