See where every click lands
Heatmaps with zero setup·Rage and dead click alerts·Per-element click breakdown
Already captured. Just open the dashboard.
Every click, tap, and scroll is recorded automatically·No extra script tags, no manual instrumentation
1import { StackClientApp } from "@stackframe/stack";2 3// Clickmaps are on by default when analytics is enabled.4// No extra setup required — every click is captured5// the moment your app loads.6export const stackClientApp = new StackClientApp({7 projectId: process.env.NEXT_PUBLIC_STACK_PROJECT_ID!,8 publishableClientKey: process.env.NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY!,9 tokenStore: "nextjs-cookie",10});Three ways clickmaps earn their keep
Heatmaps that build themselves·Know which elements get attention — and which frustrate·Catch rage clicks before they become support tickets
01·Click heatmaps
Heatmaps that build themselves from real traffic
- See exactly where users click on every page
- Hot spots glow brighter as clicks pile up
- Filter by date range, user segment, or device
02·Element breakdown
Know which elements get clicks — and which get ignored
- Ranked list of every clickable element on the page
- Rage clicks flagged in red, dead clicks in amber
- Spot broken buttons and misleading links instantly
03·Rage click alerts
Users are frustration-clicking — you should know immediately
- Live feed of users hammering the same element
- See the page, the user, and how many rapid clicks
- Jump to the session replay to see what went wrong
Ready to see what your users are actually clicking?
Drop in a single app — or use the whole platform. Either way, you ship faster.
Get started for freeExplore other apps
View allProtect your project from fraud and abuse
Watch real user sessions to understand how people use your app
Payment processing and subscription management
Real-time event notifications and integrations
Team collaboration and management
Secure storage for sensitive user data