Dashboard Guide

Once you’ve installed TideMeter and added the tracking script to your site, the dashboard is where you’ll spend most of your time. This guide walks through every section of the analytics UI.

Website List

After logging in, you land on the website list — a grid of all sites you’ve added. Each card shows the website name, domain, and an active/inactive badge. Click any card to open its analytics dashboard.

If you only have one website, TideMeter redirects you straight to its dashboard.

Adding a Website

Click Add Website, fill in the name and domain, then click Create. You’ll get a tracking snippet you can copy directly into your site’s HTML.

Analytics Overview

The main dashboard for each website is at /:websiteId. It has several sections:

Active Visitors

A real-time badge in the header shows how many visitors are on your site right now. This updates every 30 seconds.

Key Metrics

Five stat cards at the top display your core numbers for the selected date range, each with a percentage change compared to the previous period:

Time Series Chart

Below the stat cards, an area chart plots visitors, pageviews, or sessions over time. You can enable comparison mode to overlay the previous period for trend analysis.

Date Range Picker

Use the date picker in the top navigation to change the time window. Presets include today, last 7 days, last 30 days, and more. You can also set a custom date range. Your selection is preserved in the URL as query parameters (?from=...&to=...).

Breakdowns

The breakdown section has four tabs, each with sub-panels:

Pages

• Top Pages — most visited URL paths
• Entry Pages — first page visitors land on
• Exit Pages — last page before visitors leave

Sources

• Referrers — domains sending traffic to your site
• UTM Source — utm_source parameter values
• UTM Medium — utm_medium parameter values
• UTM Campaign — utm_campaign parameter values

Locations

• Countries — visitor countries
• Regions — states/provinces within countries
• Cities — city-level breakdown

Technology

• Browsers — Chrome, Firefox, Safari, etc.
• Operating Systems — Windows, macOS, Linux, iOS, Android
• Device Types — desktop, mobile, tablet
• Screen Sizes — viewport dimensions

Each breakdown shows a horizontal bar chart with visitor counts and percentages. Click any item to add it as a filter.

Filtering

You can build filters to narrow your analytics view. Click any breakdown item or use the filter bar to add conditions.

Filters support three operators:

Filterable properties include URL paths, referrer domains, UTM parameters, countries, regions, cities, browsers, operating systems, device types, and screen sizes.

Active filters appear as colored pills. Click the × on a pill to remove it. All filters are stored in URL parameters, so you can bookmark or share filtered views.

Visitors

Navigate to User Journeys from the dashboard header to access the visitor list at /:websiteId/visitors.

Visitor List

A paginated table showing all visitors for the selected date range:

• Visitor ID or userId (with an “Identified” badge for users matched via tidemeter.identify())
• Location (city, country)
• First seen date
• Device type icon (desktop, mobile, tablet)
• Session count and pageview count

Use the search bar to find visitors by ID or userId.

Visitor Profile

Click any visitor row to see their full profile at /:websiteId/visitors/:visitorId. The profile has three tabs:

Sessions & Journeys

The default tab shows:

• Visitor ID and userId (if identified)
• Summary stats: total sessions, pageviews, average session duration, bounce rate, total events, last seen
• Session cards — expandable timeline for each visit:
  • Session date, duration, device, browser, and OS
  • Step-by-step journey showing pageviews (with URL, title, timestamp, time spent) and custom events (with event name and timestamp)

Activity Heatmap

A 7-day × 24-hour grid showing when the visitor is most active. Color intensity represents traffic density. Highlights peak day and hour.

Devices

Cards showing each unique device combination (browser, OS, device type, screen size) the visitor has used, with session counts per device.

Funnels

Navigate to /:websiteId/funnels to create and analyze conversion funnels.

Creating a Funnel

Click Create Funnel, give it a name, and define 2–5 steps. Each step is a URL path that visitors should pass through in sequence (e.g., / → /pricing → /signup → /thank-you).

Funnel Visualization

Each funnel displays:

• Step numbers with names and visitor counts
• Conversion percentage between each step
• Dropoff indicators showing where visitors leave
• Color gradient from blue (first step) to emerald (last step)

Use the date range picker to analyze funnel performance over different periods.

Retention

The retention page at /:websiteId/retention shows cohort-based retention analysis.

Cohort Table

• Rows represent cohorts — groups of visitors by their first visit date
• Columns represent time periods since the cohort date
• Cells show the retention percentage, color-coded from low (light) to high (dark)

Granularity

Switch between daily, weekly, and monthly granularity depending on your analysis needs. The default lookback is 90 days.

Shared Dashboards

You can make any website’s analytics publicly viewable:

1. Go to Website Settings (/:websiteId/settings)
2. Toggle public sharing on
3. Copy the share link — anyone with the link can view a read-only dashboard

The shared dashboard shows stat cards, the time series chart, top pages, and top referrers with a simplified period selector (today, 7 days, 30 days, 12 months).

Settings

Website Settings

At /:websiteId/settings you can:

• Edit the website name and domain
• Copy the tracking snippet for your site
• Enable or disable public sharing
• Delete the website (with confirmation)

Account Settings

At /settings you can:

• Update your display name and email
• Change your password
• Delete your account (with confirmation)