LoginGet Started
Visualize the invisible

Turn Every Click
into Clarity

ClickMap captures raw user behavior and transforms it into actionable heatmaps. Understand your users at a glance.

Dashboard Mockup
$ npm install @clickmap/tracker

One line. Zero config. Start tracking in seconds.

Trusted by the bests

  • Stripe Logo
  • BNP Paribas Logo
  • Netflix Logo
  • Spotify Logo
  • AWS Logo
  • Airbnb Logo
  • L'Atelier Logo
  • Notion Logo

Up and running in 3 steps

No complex setup, no configuration headaches. Just paste, deploy, and track.

Install

Add Tracking Code

npm install @clickmap/tracker

Create

Set up the Project

startup template

Set up your project in our dashboard. Add your domain, customize tracking preferences, and configure privacy settings.

Initialize

Initialize Tracker

ClickMapTracker.tsx
import ClickMap from 'clickmap';

export default function ClickMapTracker() {
  useEffect(() => {
    ClickMap.init({
      apiKey: 'your-api-key-here',
      debug: true,
      gdprMode: false,
      batchInterval: 10,
    });
  }, []);

  return null;
}

Deploy

Start Tracking

startup template

View heatmaps, track rage clicks, and export insights anytime.
Go live and start seeing real-time click data.

Loved by developers and product teams

Join thousands of teams who use ClickMap to understand their users better.

Valentin Fouillet
Illyas Chihi
Silya Nait Zerad
Baptiste Fouillet

Valentin Fouillet

AWS Solutions Architect

ClickMap transformed how we understand user behavior. The heatmaps helped us optimize our cloud infrastructure dashboards and reduce support tickets by 40%. 

Ready to understand your users?

Set up in 5 minutes. One line of code. Zero configuration.