LogClip
Platform/Analyze
Heatmaps

See where attention goes.

See where people click, scroll and hesitate. LogClip anchors heat to elements — not pixels — so your maps stay true on every breakpoint, even after you ship a redesign.

/heatmaps
Heatmaps in the LogClip console
Inside the map

One page, read three ways.

2 stops, each one a real screen from the console.

Every width

Add to cart is hottest on all three

The same product page at desktop, tablet and phone widths. The button moves — top right, then mid column, then full width — and the heat moves with it, because each click was stored against the element it hit rather than the coordinates it happened at.

/heatmaps
Heatmaps — Add to cart is hottest on all three — Desktop

Add to cart, then the size buttons and the thumbnails.

Ranked

Every blob has a number

The list beside the map ranks every element by clicks, with its label and selector, and hovering names whatever is under the cursor. The busiest element sets the top of the colour scale, so red always means the same thing on this page.

Ranked by element, with its label and selector
A greyed-out, out-of-stock size still draws clicks
Hover any blob for its element, count and share
Heatmaps — Every blob has a number

Everything under heatmaps

Element-anchored click, scroll and attention heat that re-projects onto your live page — accurate at every screen size.

01

Drawn on a rebuild of the real page

Not a screenshot: the page is rebuilt from a recording and reflowed to the width you pick, so the heat lands on live elements.

02

Anchored to the element

Each click stores a CSS path, where inside the element it landed, and the element's own label so the list can name it. Never an input value.

03

Desktop, tablet, mobile

Three rebuilds of the same page at representative widths. The same button is hot on all three, wherever it moved.

04

Most clicked, ranked

Every element with its share and its exact count; the busiest element on the page sets the top of the colour scale.

05

Hover for the number

Hover any blob and the map names the element under the cursor, with its count and its share of the clicks drawn.

06

Honest about the misses

When a page changed after a click, the map says how many clicks fell back to their recorded position.

07

7, 14 or 30 days

Change the window to 7, 14 or 30 days and everything moves together — the map, the ranked list and the counts.

08

One source at a time

Two pages that merely share a path are different pages, so clicks are never pooled across two hosts.

Heatmaps

Why it matters.

01

Anchored to elements

Heat sticks to the button, card or field it belongs to and re-projects onto the live page — right on every screen size.

02

Clicks on the real page

Where they click, drawn on a rebuild of the real page rather than a screenshot, so heat lands on live elements.

03

Ranked most-clicked

A live leaderboard of the elements drawing the most interaction — and the dead zones nobody bothers to touch.

How it works

Minutes, not quarters.

Step 01

Pick a page

The menu lists every page by click count, busiest first. Nothing to tag, nothing to set up.

Step 02

Choose a width

Desktop, tablet or mobile — the page rebuilds and the heat re-projects onto it.

Step 03

Read the list

The ranked elements say what people reach for and what they ignore; hover the map for any one of them.