Skip to content

Generate simple screenshots of a web pages with heat map overlay of recorded user clicks.

Notifications You must be signed in to change notification settings

hanse/click-heatmap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

click-heatmap

Generate simple screenshots of a web pages with heat map overlay of recorded user clicks.

Screenshot

Usage

click-heatmap http://localhost:3000 < data.json > final-image.png

Or if you have an analytics API:

curl -L http://localhost:3000/analytics/sessions/123 | click-heatmap http://localhost:3000 > final-image.png

Install

yarn global add click-heatmap

Requires Cairo for node-canvas to work. See this document for installation.

Expects data from stdin in this JSON format:

{
  "meta": {
    "innerWidth": 1680,
    "innerHeight": 1050
  },
  "results": [
    [100, 100],
    [200, 200],
    [300, 300]
  ]
}

The program does not record the actual clicks. That data must be provided from elsewhere.

License

MIT

About

Generate simple screenshots of a web pages with heat map overlay of recorded user clicks.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published