# Locations & Device Analytics (/docs/guides/locations-and-device)





# Report Guide: Unlocking User Insights with Analytics [#report-guide-unlocking-user-insights-with-analytics]

This powerful analytics platform automatically tracks user behavior on your website, giving you actionable insights to improve user experience and boost conversions. **All data is based on sample data from our demo site**.

***

## What Does This Platform Track? [#what-does-this-platform-track]

Our analytics system monitors **5 key areas** of user behavior:

1. **Click Analytics** - Every user interaction with buttons, links, and elements
2. **Error Monitoring** - Technical issues affecting your users
3. **Page Performance** - Views, duration, and engagement metrics
4. **Scroll Tracking** - How users consume your content
5. **Custom Events** - Business-specific actions you want to measure

* See the **Dashboard** -> **Logs & Issues** section for real data examples.

***

## 1. Click Analytics - Track User Interactions [#1-click-analytics---track-user-interactions]

<Image src="https://res.cloudinary.com/dqh01bl7y/image/upload/q_auto/f_auto/v1773111513/click_k9pmjl.png" alt="Click Analytics Dashboard" width="1200" height="675" className="w-full h-auto mt-6 mb-8 border rounded-lg object-cover" />

### What You'll See [#what-youll-see]

* Total clicks on each page
* Which elements get clicked the most
* Click rate (clicks per view)
* User engagement patterns
* All page elements that get clicked, along with their click counts, path, views, and click rates

### How This Helps Your Business [#how-this-helps-your-business]

**Before Analytics:**

* "Are users clicking our buttons?" - Unknown
* "Which pages are engaging?" - Guessing
* "What elements do users interact with?" - No idea

**After Analytics:**

* See exactly which elements get clicked
* Identify high-performing vs low-performing pages
* Make data-driven design decisions
* Optimize for better user engagement

***

## 2. Error Monitoring - Catch Problems Before Users Leave [#2-error-monitoring---catch-problems-before-users-leave]

### What You'll See [#what-youll-see-1]

We automatically detect and report:

* Technical errors on your pages
* Which elements are failing
* How many users are affected
* When errors occurred

### Real Example from Our Platform [#real-example-from-our-platform]

<Image src="https://res.cloudinary.com/dqh01bl7y/image/upload/v1773111514/error_ddplq2.png" alt="Error Monitoring Dashboard" width="1200" height="675" className="w-full h-auto mt-6 mb-8 border rounded-lg object-cover" />

#### Example: Image Loading Error on Home Page [#example-image-loading-error-on-home-page]

**What This Tells You:**

* Critical issue: Logo image not loading
* Error repeating multiple times
* Needs immediate fix

**Actionable Solution:**

```javascript
// Problem: External CDN failing
<img src="https://d.umijs.org/logo.svg" />

// Solution: Host locally
<img src="/logo.svg" alt="Company Logo" />
```

***

**What This Tells You:**

* Total errors and affected users
* Which elements are broken
* When errors occur (time-based patterns)
* Some recent errors originate from your page, others from external resources (like images, scripts, etc.)

***

### How This Helps Your Business [#how-this-helps-your-business-1]

**Without Error Monitoring:**

* Users encounter errors silently
* You don't know what's broken
* Users leave frustrated
* Revenue lost
* Affects your site's performance and reputation
* Missed opportunities to fix issues

**With Error Monitoring:**

* Instant alerts when errors occur
* See exactly what's failing
* Fix issues before they impact many users
* Maintain professional user experience

***

## 3. Page Performance Analytics [#3-page-performance-analytics]

### What You'll See [#what-youll-see-2]

Comprehensive metrics for every page:

* Page views and unique visitors
* Time spent on page
* Engagement scores
* Cross-page comparisons

### Real Example from Our Platform [#real-example-from-our-platform-1]

<Image src="https://res.cloudinary.com/dqh01bl7y/image/upload/q_auto/f_auto/v1773111515/pageview_rwfzkv.png" alt="Page Performance Dashboard" width="1200" height="675" className="w-full h-auto mt-6 mb-8 border rounded-lg object-cover" />

### What This Tells You [#what-this-tells-you]

* Which pages are most popular
* Where users spend the most time
* Which pages have the most engagement
* Which pages have the most errors
* Click rate (clicks per view) for each page
* Scroll depth (how far users scroll) for each page
* Views and unique visitors for each page

### Before Analytics [#before-analytics]

* "Which pages are performing well?" - No data
* "Where do users spend time?" - Guessing
* "Which pages have issues?" - Unknown

### After Analytics [#after-analytics]

* See exactly which pages perform best
* Identify high vs low engagement pages
* Make data-driven content decisions

***

## 4. Scroll Depth Tracking - See How Users Read Your Content [#4-scroll-depth-tracking---see-how-users-read-your-content]

### What You'll See [#what-youll-see-3]

Understand how users consume your content:

* Average scroll depth (how far they scroll)
* Finish rate (how many reach the bottom)
* Pixel measurements
* Engagement patterns

### Real Example from Our Platform [#real-example-from-our-platform-2]

<Image src="https://res.cloudinary.com/dqh01bl7y/image/upload/q_auto/f_auto/v1773111514/duration_gehlg8.png" alt="Scroll Depth Dashboard" width="1200" height="675" className="w-full h-auto mt-6 mb-8 border rounded-lg object-cover" />

### What This Tells You [#what-this-tells-you-1]

* How far users scroll on average
* What percentage of users reach the end of your content
* Min and max duration of time spent on page
* Which pages have the highest scroll depth
* Affected users and total views for each page
* Total duration of time spent on page for each page
* Average duration per user for each page

***

### How This Helps Your Business [#how-this-helps-your-business-2]

**Content Optimization:**

* Know if users actually read your content
* Identify where users stop scrolling
* Place important CTAs where users actually reach
* Optimize content length based on engagement

***

## 5. Referrer Analytics - Understand Where Your Traffic Comes From [#5-referrer-analytics---understand-where-your-traffic-comes-from]

### What You'll See [#what-youll-see-4]

* Top referrers driving traffic to your site
* Bounce rates and engagement metrics for each referrer
* Which referrers lead to the most conversions
* Total users and views from each referrer

<Image src="https://res.cloudinary.com/dqh01bl7y/image/upload/q_auto/f_auto/v1773111516/refars_jqreas.png" alt="Referrer Analytics Dashboard" width="1200" height="675" className="w-full h-auto mt-6 mb-8 border rounded-lg object-cover" />

### What This Tells You [#what-this-tells-you-2]

* Which channels are most effective at driving traffic
* Which referrers have the highest engagement
* Where to focus your marketing efforts
* Which referrers lead to the most conversions
* Which referrers have the highest bounce rates (indicating low-quality traffic)
* Which referrers have the highest conversion rates (indicating high-quality traffic)

***

## 6. Outgoing Link Analytics - Track External Clicks [#6-outgoing-link-analytics---track-external-clicks]

### What You'll See [#what-youll-see-5]

* Which external links users click on
* Total clicks and click rates for each outgoing link
* Which outgoing links lead to the most conversions
* Which outgoing links have the highest bounce rates (indicating users leave immediately after clicking)

### Real Example from Our Platform [#real-example-from-our-platform-3]

<Image src="https://res.cloudinary.com/dqh01bl7y/image/upload/q_auto/f_auto/v1773111515/outbound_dxpaev.png" alt="Outgoing Link Analytics Dashboard" width="1200" height="675" className="w-full h-auto mt-6 mb-8 border rounded-lg object-cover" />

### What This Tells You [#what-this-tells-you-3]

* Which external resources users interact with
* Total clicks and click rates for each outgoing link
* Source section of the outgoing link (e.g. header, footer, content)
* Recent activity timeline of the outgoing link (e.g. last clicked time)
* Which outgoing links lead to the most conversions (indicating valuable partnerships or resources)

***

## 7. Custom Events - Track Your Business Goals [#7-custom-events---track-your-business-goals]

### What You'll See [#what-youll-see-6]

Track specific actions that matter to your business:

* Form submissions
* Sign ups
* Purchases
* Feature usage
* Any custom action you define

### Real Example from Our Platform [#real-example-from-our-platform-4]

<Image src="https://res.cloudinary.com/dqh01bl7y/image/upload/q_auto/f_auto/v1773111513/custom_q9twm4.png" alt="Custom Events Dashboard" width="1200" height="675" className="w-full h-auto mt-6 mb-8 border rounded-lg object-cover" />

#### Custom Events Dashboard [#custom-events-dashboard]

```
Unique Events: 2 different event types
Total Triggers: 3 times events fired
Total Users: 2 users who performed actions
Success Rate: 100% (all events succeeded)
```

***

#### Event 1: Form Submissions [#event-1-form-submissions]

```
Event Name: form_submitted
Category: form_submission
Total Triggers: 2
Success Rate: 100%
Last Occurred: 24 Jan 2026, 11:00 AM
```

**What This Tracks:**

* When users submit your contact/signup form
* Success vs failure rate
* Form conversion metrics

**Business Metrics:**

```
Form Views: 14
Form Submissions: 2
Conversion Rate: 14.3%

Industry Average: 20-40%
Your Performance: 14.3%
Gap to Close: +6-26%
```

**Actionable Insights:**

* Form technically works (100% success)
* Low conversion (only 14.3%)
* Opportunity: Improve from 14% to 25%+

**How to Improve:**

1. Reduce number of form fields
2. Add trust signals (security badges)
3. Improve error messages
4. Add progress indicators
5. Make "Submit" button more prominent

***

#### Event 2: Email Field Interaction [#event-2-email-field-interaction]

```
Event Name: email_input_clicked
Category: interaction
Object ID: email_input_field
Total Triggers: 1
Success Rate: 100%
Last Occurred: 24 Jan 2026, 11:02 AM
```

**What This Tracks:**

* When users click on the email input field
* Field-level interaction analytics
* User journey through form

**Timeline:**

```
11:00 AM - Form submitted
11:02 AM - Email field clicked (2 min later)
```

**Possible Scenarios:**

* User came back to verify email
* Form didn't clear after submission
* User re-entering information

***

## What Success Looks Like [#what-success-looks-like]

### Week 1: Before Analytics [#week-1-before-analytics]

```
- "Are users engaging with our site?" - No idea
- "Which pages have problems?" - Unknown
- "Is our form working?" - Guessing
- "What should we improve?" - No data
```

### Week 4: After Analytics [#week-4-after-analytics]

```
- "Click rate improved from 20% to 45%"
- "Fixed 9 image errors - no more broken pages"
- "Form conversion up from 14% to 28%"
- "Data-driven decisions, measurable results"
```

***

## Key Benefits Summary [#key-benefits-summary]

### 1. Know Your Users [#1-know-your-users]

* See exactly how users interact with your site
* Understand what they click, read, and engage with
* Make informed design decisions

### 2. Catch Problems Early [#2-catch-problems-early]

* Get instant alerts when errors occur
* Fix issues before they impact many users
* Maintain professional experience

### 3. Optimize Conversions [#3-optimize-conversions]

* Track your conversion funnels
* Identify and fix bottlenecks
* Improve conversion rates with data

### 4. Save Time & Money [#4-save-time--money]

* Stop guessing, start knowing
* Focus efforts on what actually matters
* Measure ROI of changes

### 5. Data-Driven Growth [#5-data-driven-growth]

* Make decisions based on real data
* Test and validate improvements
* Continuously optimize performance

***

## Learn More [#learn-more]

### Documentation Sections [#documentation-sections]

* [Getting Started Guide](/docs/guides/getting-started)
* [Custom Events Guide](/docs/events/custom)
* [Auto Track Element](/docs/events/auto_track)
* [Troubleshooting FAQ](/docs/troubleshooting/faq)
