Skip to main content
When a bug is detected, you can replay the exact session where it happened.

What you see

  • DOM replay: See exactly what the user saw
  • User actions: Clicks, scrolls, form inputs
  • Console logs: All console.log, warn, error
  • Network requests: All fetch/XHR with request/response bodies
  • Backend traces: Linked server-side logs and errors

How to use

  1. Open an issue from your dashboard or email alert
  2. Click “View replay” button
  3. Watch the session unfold
  4. Jump to errors using timeline markers
  5. Inspect console logs and network activity

Privacy controls

Sonarly respects user privacy with built-in controls:
  • Input masking: Passwords and sensitive fields are automatically masked
  • Text redaction: Optionally redact all text content
  • Network filtering: Exclude sensitive API endpoints
  • IP anonymization: User IPs are hashed by default

Performance

Session replays are optimized for fast playback:
  • Compressed storage: Efficient encoding reduces file size by 90%
  • Lazy loading: Only loads data as you watch
  • Skip inactivity: Automatically skips idle periods

Linking frontend and backend

Backend traces are automatically linked to frontend sessions when you follow the onboarding setup. No additional configuration required.

Next steps