Getting Started

This app tracks mouse movements, clicks, and scroll depth on your Ecwid storefront, then shows the data right here in your admin dashboard. Follow these three steps to start seeing real visitor data.

Install the snippet on your storefront

Scroll down to the Storefront Install Snippet section, copy the generated code, and paste it into your Ecwid admin under Design → Custom JavaScript. This enables tracking on your live store.

Open your storefront in the same browser

Open your Ecwid storefront in another tab (same browser, same profile). Browse around, click products, scroll pages. The tracker collects your actions using browser-local storage.

Come back here to see live data

Return to this dashboard tab. The Live Overview will show real metrics from your storefront tab. All panels marked LIVE DATA show real activity.

How does this app work without a server?

This app uses browser localStorage and BroadcastChannel API to share data between your storefront tab and this dashboard tab, all within the same browser session. No data leaves your browser. No database or paid service is needed.

  1. Your storefront tab writes mouse and click events to localStorage.
  2. This dashboard tab reads that data and displays it here in real time.
  3. Both tabs must be in the same browser and same profile for the data to flow.

Important: This means the data you see here comes from your own browsing session as a self-test. To track actual customers across different browsers, a backend server would be needed (not included in this free app).

Merchant Dashboard

Realtime Mouse Tracker

See how visitors interact with your Ecwid storefront in real time. Detect rage clicks, dead clicks, and scroll friction without any server or paid tools.

100% Free No database needed Browser-only storage

Live Overview

Live Data
Live self-test mode
Open your storefront in another tab (same browser) to see live activity here.
Waiting for data...
Where is my real data? This dashboard shows real data when your storefront is open in another tab of the same browser. Switch to Preview to see sample data and learn what each metric means.
Active Visitors0
Queued Visitors0
Events Per Minute0
Rage Clicks0
Dead Clicks0
Merchant interpretation

No live signals yet. Open your storefront in another tab to start tracking, or try Preview mode to see sample data.

Setup

Settings are stored locally in this browser. Nothing is sent to a server.

Must match the channel key in your storefront snippet.
Frequently Asked Questions
Where do I find my real metrics?

Your real metrics appear in the Live Overview panel whenever your storefront is open in another tab of the same browser. Look for the green LIVE DATA badge.

How do I know if data is real or sample?

Every data panel has a colored badge. Green means live data from your storefront. Orange means preview/sample data. Metric cards in preview mode also show a "SAMPLE" watermark.

What is Preview mode?

Preview mode shows realistic but fake sample data so you can see what the dashboard looks like with active visitors. It never writes to your real data. Use it to learn the interface.

What are rage clicks and dead clicks?

Rage clicks happen when someone clicks the same area rapidly, usually because a button isn't responding. Dead clicks happen when someone clicks something that isn't interactive, like a banner image.

Can I track visitors from other browsers?

No. This app uses browser-local storage (no server). It only tracks visitors in tabs within the same browser profile. For cross-browser tracking, a backend server would be required.

Why do I see zero visitors?

Make sure: (1) the install snippet is added to your storefront, (2) you have your storefront open in another tab, (3) the tracking channel matches in both places, (4) tracking is enabled. Try clicking around your storefront tab, then came back here.

Tracked Visitors

Live Data
Tracked visitors with page, cursor position, scroll depth, and recent signals.
Page Cursor Scroll Signals

Recent Signals

Live Data

Storefront Install Snippet

Required for real data. Copy this snippet and paste it into your Ecwid admin at Design → Custom JavaScript. Without this snippet, the dashboard can only show preview/sample data.
Review the generated host URL before pasting. On GitHub Pages it should match your published repository URL.