Dashboard Overview

Your dashboard provides a comprehensive snapshot of your project’s health. Below is a breakdown of every metric, what it means, and how it is calculated.

Note

All metrics are based on data collected from users visiting your website with the analytics script installed. Ensure you have set up the tracking code correctly to see accurate data. Here all numbers are from a demo project.

Dashboard Sections

here is a quick overview of the main sections , this is a demo site so value are change base your websoite data

Health Status

At the top, you might see a status like “Critical: High Errors”.

Green: Everything is normal.
Red (Critical): Usually triggers if the Error Rate > 5% or if the server is down.

Key Metrics Explained

Here is a detailed explanation of the data cards visible on your dashboard.

1. Visitors & Traffic

Unique Visitors

Total distinct users.

Calculation: Count of unique visitor_ids stored in local storage. If one person visits from multiple times in a day, they are only counted once. Also applies across multiple days.

Page Views

Total pages loaded.

Calculation: Increments every time a page loads or a route changes (in Next.js, React valinla.js etc. ).

2. Engagement & Sessions

Sessions

Active usage periods.

Formula: A session starts when a user arrives. It ends after 30 minutes of inactivity.

Bounce Rate

Users leaving immediately.

Formula: (Single Page Sessions / Total Sessions) * 100.

0% is excellent! It means users are exploring more than one page.

Total Time Spent

3m 20s

Across all sessions.

Calculation: Sum of time difference between the first event and last event of every session.

Interaction Metrics

Total Clicks

Value: 20 (0.61 clicks / view)

What it means: The total number of times users clicked on buttons or links.
Clicks per View: Total Clicks (20) / Total Page Views (33) = 0.606. This shows how interactive your design is.

Worst Click Conversion

Value: 20% (Page: Home)

What it means: This page has the lowest interaction rate relative to how many times it was viewed.
Why it matters: Users are visiting “Home” but not clicking anything. You might need to improve your Call-to-Action (CTA) buttons there.

Error Analysis

Error Rate

Value: 30.3% (Errors per view)

Critical Warning: A 30% error rate is very high. It means roughly 1 out of every 3 page views crashes or throws a JavaScript error.

What it means: This is the percentage of page views that resulted in an error. - Calculation: (Total Error Events / Total Page Views) * 100. - Worst Error Page: Home (9 errors). This tells you exactly where to start debugging.

Charts & Breakdown

User Types (New vs. Returning)

New: Users visiting for the first time in the selected date range.
Returning: Users who have visited before (identified by cookie/local storage).

Clicks Distribution

Example: Other (85%) vs Top (/form) (15%) This pie chart shows which pages receive the most physical interactions.

Insight: Even though “Home” might be the Most Viewed page (15 views), the /form page is the Top Clicked page (17 clicks). This means users are highly active on the form.

Duration Overview

Example: Average: 0s vs Top Page (/form): 5s

Top Page: The specific page where users spend the most time reading or interacting.
Worst Page: The page users leave the fastest.
Calculation: We track the timestamps between page entry and exit (or next navigation).

Summary of “Top & Worst”

Based on your current data:

Metric	Page	Value	Insight
Most Viewed	`Home`	15 views	Main entry point.
Top Clicked	`/form`	17 clicks	High engagement area.
Worst Error	`Home`	9 errors	Needs immediate fix.

Performance & Web Vitals

This section measures the Speed and User Experience (UX) of your website based on real user data (RUM - Real User Monitoring).

Understanding the Metrics

We track Google’s Core Web Vitals to help you improve your SEO score.

LCP (Largest Contentful Paint)

306.4ms

Status: Good

What it means:

How long it takes for the largest image or text block to become visible. A fast LCP means users see content quickly. read more about LCP here

CLS (Cumulative Layout Shift)

Status: Good

What it means:

Measures visual stability. Does the layout shift unexpectedly while loading? read more about CLS here

INP (Interaction to Next Paint)

0ms

Status: Good

What it means:

Responsiveness. How fast does the site react when a user clicks a button? read more about INP here

TTFB (Time to First Byte)

38.6ms

Status: Good

What it means:

Server Speed. How long the browser waits before receiving the first piece of data. read more about TTFB here

Performance Benchmarks

How do we decide if a score is “Good” or “Bad”? We follow Google’s Web Vitals standards.

Metric	Good	Needs Improvement	Poor
LCP	Less than 2.5s	2.5s - 4.0s	More than 4.0s
INP	Less than 200ms	200ms - 500ms	More than 500ms
CLS	Less than 0.1	0.1 - 0.25	More than 0.25
FCP	Less than 1.8s	1.8s - 3.0s	More than 3.0s

Note on “Samples”: The data shown is not a simulation. If you see Samples: 5, it means we collected performance data from 5 real users visiting your site in the selected date range.