Clickmaps
A clickmap is a heatmap variant that visualises click density per element — the fastest way to answer "is this thing actually being interacted with?"
Clickmaps
A heatmap variant that visualises click density per page element, showing exactly where visitors are tapping and clicking.
A clickmap is a visual overlay on a page screenshot that aggregates every click (or tap, on mobile) from a session sample and renders them as coloured markers or density blobs. Hotter areas mean more clicks; cold areas mean the element is being ignored. Unlike a mouse-movement heatmap, a clickmap only records intentional interactions, which makes it the cleanest diagnostic for affordance questions: does this image look clickable? Is the hero CTA winning attention against the navigation? Are visitors trying to click on something that isn't actually a link? It's one of the core surfaces inside a behavioral analytics stack.
Clickmaps answer one question crisply: where is attention converting into action? A scrollmap tells you how far down people read; a movement heatmap suggests where eyes might be lingering; a clickmap shows the irreversible commitment of an actual click. That makes it the right tool for testing perceived-affordance hypotheses — anything where you suspect an element looks like it should do something but doesn't, or vice versa.
On a Shopify product page, a typical first finding is that 8-12% of clicks land on the main product image expecting a zoom or gallery that isn't wired up. On collection pages, you'll often see visitors clicking the category description text as if it were a filter. These dead clicks are pure friction signal, and they're invisible in GA4.
click_share = clicks_on_element / total_clicks_on_page
click_share
Element click share
Proportion of total page clicks that landed on a specific element, expressed as a decimal or percentage.
clicks_on_element
Clicks on element
Number of unique clicks recorded on a single target element in the session sample.
total_clicks_on_page
Total clicks on page
Sum of clicks across every clickable area of the page in the same session sample.
An apparel store reviews the clickmap for its bestseller PDP over 4,000 sessions. The hero "Add to cart" button received 612 clicks; the page recorded 5,100 total clicks across all elements.
Clicks on Add to cart: 612
Total clicks on page: 5100
→ 12% click share on the primary CTA
12% is on the low side for a primary PDP CTA — strong product pages usually pull 18-25% of total clicks into the buy button. The clickmap shows the remaining clicks scattered across the product image (likely zoom intent) and the size selector, suggesting the CTA is losing the visual hierarchy battle.
The click-share metric is most useful as a comparison: same template before and after a redesign, or between a control and variant in an A/B test. Absolute counts depend on traffic volume and seasonality, so anchoring to share-of-total-clicks normalises them.
Typical click-share ranges by element type on e-commerce product pages
| Element | Healthy range | Investigate if |
|---|---|---|
| Primary CTA (Add to cart / Buy now) | 18-25% | below 12% |
| Product image / gallery | 15-22% | above 30% (likely missing zoom) |
| Variant selectors (size, colour) | 10-18% | below 5% |
| Reviews tab / star rating | 4-9% | above 15% (CTA losing focus) |
| Navigation / breadcrumbs | 3-7% | above 12% (bounce risk) |
| Footer links | 1-3% | above 6% (reader looking for trust signals) |
Read the ranges as a starting point, not a target. The diagnostic value is in the outliers: a checkout page where the trust badge gets more clicks than the place-order button is telling you something specific about hesitation, and the clickmap is the fastest way to surface it.
Clickmaps — frequently asked questions
A heatmap is the umbrella term for any visual aggregation of behaviour over a page. A clickmap is one specific type that only renders click and tap events. Other heatmap variants include movement maps (cursor position) and scrollmaps (scroll depth).
Yes — on touch devices, taps are recorded the same way clicks are on desktop. Most tools render mobile and desktop clickmaps separately because the interaction patterns and viewport differ substantially. Always segment by device before drawing conclusions.
Aim for at least 1,000-2,000 sessions per page before treating findings as directional, and 4,000+ before treating them as conclusive. Lower volumes are still useful for spotting obvious dead clicks but shouldn't drive ranking decisions between elements.
A dead click is a click on something that isn't actually interactive — a styled headline, a product image without zoom, a non-linked icon. It signals broken perceived affordance and is one of the highest-leverage friction patterns to fix because the fix is usually just making the element actually do what users expect.
Yes. Clickmaps sit inside the broader behavioral analytics category alongside session replay, scrollmaps, form analytics, and funnel reports. They're the most element-specific view in that stack, which is why they pair well with replays — you spot a hotspot in the clickmap, then watch replays of users clicking it.
Use a clickmap to find the pattern across many sessions — which elements get attention, which get ignored. Use session replay to understand the cause of a pattern you've already spotted. They're sequential tools, not substitutes.
Only if the tracking snippet is heavy. Lightweight modern implementations add 10-30ms to time-to-interactive; older all-in-one tools can add 200ms+ and trigger Core Web Vitals warnings. Audit the script weight before installing on a high-traffic store.
Pure click coordinates are not personal data, but most tools also record the element selector and surrounding DOM, which can incidentally capture form input or PII. Configure input masking and exclude sensitive routes (checkout, account) to stay GDPR-compliant.
Look for elements with surprising click share — a dead element pulling 8% of clicks, or a primary CTA underperforming the page average. Each is a hypothesis: "if we make this image zoomable, dead clicks convert into engagement." Then run a controlled test to confirm the lift.
GA4 only records clicks you've explicitly tagged or that match enhanced-measurement rules. Clickmaps record every click on every element by default, including non-link elements GA4 ignores. The gap between the two is usually most of the dead clicks on the page.
Get an AI expert review of your site
Paste your URL — Metricuno's AI runs the same heuristic checks a senior CRO consultant would, scoring your page and prioritising the fixes that'll move conversion fastest.