Le viste del router vengono perse
Angular Router naviga senza ricaricare la pagina. PulsePanda conta ogni cambio di route, così le tue analisi restano accurate.
Analisi per Angular
Offri alla tua app Angular un'analisi di prodotto completa (eventi, funnel, registrazione delle sessioni e heatmap) con un solo tag script, con la navigazione di Angular Router tracciata automaticamente.
Perché è importante
Angular Router naviga senza ricaricare la pagina. PulsePanda conta ogni cambio di route, così le tue analisi restano accurate.
Traccia eventi personalizzati per misurare l'adozione dei componenti e dei flussi che rilasci.
La registrazione delle sessioni acquisisce il DOM renderizzato e gli errori della console, così puoi vedere cosa si è rotto.
Configurazione
Aggiungi lo snippet all'<head> di src/index.html, l'unica shell HTML servita da Angular.
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>Chiama pulsepanda.track() da un service o da un componente per registrare eventi personalizzati per funnel e adozione delle funzionalità.
Flusso di lavoro
Aggiungi lo script una sola volta al tuo progetto Angular. Analisi web, clic acquisiti automaticamente, registrazione delle sessioni e heatmap iniziano subito a raccogliere dati.
Chiama pulsepanda.track() sulle azioni chiave e pulsepanda.identify() dopo l'accesso per collegare eventi, sessioni e feedback a ogni utente.
Crea funnel, guarda le registrazioni dietro gli abbandoni, leggi le heatmap e raccogli feedback nel prodotto, tutto in un unico workspace.
Cosa ottieni
| Livello di analisi | Visualizzazioni di pagina, eventi personalizzati, funnel di conversione e retention. |
|---|---|
| Livello del comportamento | Registrazione delle sessioni, heatmap di clic e scroll e contesto degli errori. |
| Livello del feedback | Sondaggi incorporati, widget di feedback, moduli e una bacheca di voto delle funzionalità. |
FAQ
Sì. L'SDK intercetta i cambiamenti della History API, quindi ogni transizione di route di Angular Router viene registrata automaticamente come visualizzazione di pagina.
Nell'<head> di src/index.html. Angular serve quell'unica shell, quindi l'SDK si carica per tutta l'app.
Sì. L'oggetto globale pulsepanda è disponibile nel browser; chiama pulsepanda.track() o identify() da qualsiasi service o componente.
Pagine correlate
Installa una volta e collega analisi, registrazione delle sessioni, heatmap, funnel e feedback in pochi minuti.
Inizia gratis