Analys för Nuxt

Produktanalys för Nuxt

Se hur besökare rör sig genom din Nuxt-app — sidvisningar, anpassade events, session replay och heatmaps — utan att koppla in ett plugin för varje.

Kom igång gratis Installationsguide

Varför det spelar roll

Vad Nuxt-team äntligen kan se

Nitro döljer klientsidan

Serverloggar visar att en rutt renderades, inte om någon läste den, skrollade i den eller gav upp. Klientsidesspårning fyller i allt servern aldrig ser.

Mjuk navigering räknas inte

Efter den första inläsningen byter Nuxt sidor utan en fullständig förfrågan. Verktyg som bara räknar dokumentinläsningar rapporterar en sidvisning för en hel session.

Hydreringsfel förblir osynliga

En hydration mismatch förstör sidan för användaren, men serversvaret ser ändå helt normalt ut. Replay visar dig den trasiga skärmen som besökaren faktiskt fick.

Installation

Lägg till PulsePanda i Nuxt

Registrera skriptet i app.head-blocket i nuxt.config.ts. Det gäller för varje rutt, både i SSR och 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 navigerar med History API, så ruttändringar fångas upp automatiskt — du behöver ingen router-hook för att registrera sidvisningar.

Arbetsflöde

Från installation till insikt

Installera kodavsnittet

Lägg till skriptet en gång i nuxt.config.ts, så täcks varje rutt i din app.

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

Frågor om Nuxt

Fungerar detta med Nuxt i SSR-läge?

Ja. Snippeten körs endast på klientsidan, så den aktiveras efter hydrering oavsett om sidan var serverrenderad, statiskt genererad eller båda.

Behöver jag ett Nuxt-plugin eller en modul?

Nej. Posten i app.head räcker för sidvisningar och replay. Lägg bara till ett plugin om du vill anropa track() från composables på ett och samma ställe.

Kommer det att försämra mina Nuxt-prestandapoäng?

Taggen är fördröjd (deferred), så den laddas efter att din app är interaktiv och blockerar varken renderingen eller första målningen (first paint).

Relaterade sidor

Utforska mer

Lägg till analys i din Nuxt-app

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

Kom igång gratis