Core Features
User Action Recording
Automatically records user actions such as mouse clicks, page scrolling, form input, and navigation behavior, generating intuitive session replay videos
Error Correlation
Combines session replay with error tracking, automatically correlating user actions and page state when exceptions occur
Interaction Analysis
Provides user interaction timeline, showing operation sequences, page load times, and key event occurrence points
Privacy Protection
Offers flexible privacy configuration to mask sensitive information or limit recording scope, ensuring data compliance
Value and Benefits
| Benefit | Description |
|---|---|
| Intuitive Problem Location | Quickly understand the specific operation path users encountered when experiencing issues through visual replay, reducing troubleshooting time |
| Improve User Experience | Gain insights into user behavior patterns, discover interaction pain points, and optimize page design and functionality logic |
| Data-Driven Optimization | Combine exception data and user behavior analysis to provide reliable data support for product iteration |
Use Cases
Issue Reproduction
Issue Reproduction
Reproduce the operational scenario when exceptions occurred by replaying user sessions, quickly locating the root cause.
User Behavior Analysis
User Behavior Analysis
Analyze user behavior on key pages (such as payment, registration) to optimize user experience and conversion rates.
Debugging & Optimization
Debugging & Optimization
Combined with error tracking, identify issues like slow page loading and interaction lag to optimize frontend performance.
Customer Support
Customer Support
Quickly understand user-reported issues by replaying user sessions, providing more accurate support.
Session Replay Process
Behavior Recording & Replay
During the recording phase, the recording SDK takes snapshots of the current DOM and CSS styles, and collects corresponding events when user behaviors occur (DOM changes, mouse movement, clicks, form input, etc.). Data is reported after serialization, compression, and sensitive information removal.
Core Behavioral Data
| Data Type | Description |
|---|---|
| User Interactions | Timeline of clicks, scrolls, inputs, navigation, and other operations |
| Page Performance | Page load time, resource loading failures, API call delays, etc. |
| Exception Context | Page state, DOM structure, and user actions when exceptions occurred |
Contextual Information
- User Environment: Browser, device, operating system, network conditions
- Operation Path: Complete sequence of user operations in the session
- Page Snapshot: DOM snapshot of the page when exception occurred
Problem Types and Location
| Problem Type | Typical Symptoms | Possible Causes | Location Method |
|---|---|---|---|
| Slow Page Loading | White screen, loading timeout | Resource loading failure, network latency | Check for resource loading anomalies |
| Feature Failure | Button click unresponsive | Code logic error, event binding issue | View specific behavior and exceptions |
| Form Submission Failure | Data not saved, submission failed | API response error, form validation issue | View error and exception details |
Problem Analysis Tools
- Session Replay Panel
- Events & Context Correlation
In the player, you can view all user operations including clicks, scrolls, and inputs. It supports playback controls like fast forward, replay, and seek, helping developers intuitively reproduce problem scenarios and precisely analyze user behavior.