Analys för Angular

Produktanalys för Angular

Ge din Angular-app full produktanalys — events, tratt, session replay och heatmaps — från en enda skripttagg, med Angular Router-navigering spårad automatiskt.

Kom igång gratis Installationsguide

Varför det spelar roll

Vad Angular-team äntligen kan se

Routervisningar missas

Angular Router navigerar utan att sidan laddas om. PulsePanda räknar varje ruttändring så att din analys förblir korrekt.

Ingen data om funktionsanvändning

Spåra anpassade events för att mäta adoptionen av de komponenter och flöden du släpper.

Svåråterskapade buggar

Session replay fångar den renderade DOM:en och konsolfel så att du kan se vad som gick sönder.

Installation

Lägg till PulsePanda i Angular

Lägg till kodavsnittet i <head> i src/index.html — det enda HTML-skal Angular serverar.

Angular — src/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <base href="/" />
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <app-root></app-root>
  </body>
</html>

Anropa pulsepanda.track() från en service eller komponent för att registrera anpassade events för tratt och funktionsadoption.

Arbetsflöde

Från installation till insikt

Installera kodavsnittet

Lägg till skriptet en gång i ditt Angular-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

Angular-frågor

Spårar PulsePanda Angular Router-navigering?

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

Var lägger jag till kodavsnittet i Angular?

I <head> i src/index.html. Angular serverar det enda skalet, så SDK:t laddas för hela appen.

Kan jag anropa PulsePanda från en service?

Ja. Det globala pulsepanda-objektet är tillgängligt i webbläsaren; anropa pulsepanda.track() eller identify() från vilken service eller komponent som helst.

Relaterade sidor

Utforska mer

Lägg till analys i din Angular-app

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

Kom igång gratis