For a start it would nice to have a "basic" click and scroll map.

I'm actually at present trying to decide if I want Piwik or Open Web Analytics. I REALLY wanted a heatmap, and was quite disappointed there wasn't one here in Piwik. But the PHP Library and stuff they have to improve tracking just simply can't be beaten.

A heatmap would make this project PERFECT. Even if it's REALLY basic, I'd like if we could have a simple scroll and click detection, nothing major.

In the long run, a heatmap that could track individual elements on a page would be better. I say this because I have jQuery UI Dialog boxes that can be open, and I would LOVE if the dialog box could have a separate heatmap.

I'm curious though, why hasn't this at least been done in a plugin? Is creating a plugin not possible due to restrictions by Piwik or is it just too much effort?

In the long run, a heatmap that could track individual elements on a page would be better. I say this because I have jQuery UI Dialog boxes that can be open, and I would LOVE if the dialog box could have a separate heatmap.

heatmap may not be the best tool for you. For this particular use case we have built a new innovative feature that we call Content Tracking. It lets you track any element on the page and will give you useful reports such as how many times elements were seen and how many times they were clicked. Check this out: http://piwik.org/docs/content-tracking/

@mattab Thank you!
That is more useful feature indeed.

Can I use Content Tracking to find out whether users prefer using the navigation or in-text links, or if they reach the bottom of the page?

Can I possibly break this down for single pages?

Can I use Content Tracking to find out whether users prefer using the n avigation or in-text links,

Not super easy but you can definitely measure the performance and CTR (clickthrough ratio) of your page elements.

ideally for easier comparison you would use A/B testing to be able to compare the performance of each page. #459

Can I possibly break this down for single pages?

For this you can try to create Segments for each Page URL that you are interested in. Let us know if this works ok.

In the future we'll make creating segments from Page URL even easier via a new icon: #4633

Here's an interesting blog post re Heatmaps:

Really, the ol.layer.Heatmap layer uses a smart approximation to the algorithm which produces great results and is really fast.
http://java.dzone.com/articles/how-javascript-heatmap
http://openlayers.org/

"By using eye tracking heatmaps, screen-capture (actual recordings of the screen during visitor sessions) and user-interaction analytics, Inspectlet gives webmasters a way to observe their visitors’ actions naturally."
https://blog.builtwith.com/2014/01/20/inspectlet-technology-growth-award-winner/

I tried the content tracking , but is there any possibility i can track everything on my page without having explicitly add it.

Is there any plan for adding heat or click map ?

I would also really like this implemented.

After looking around for a bit, I found this https://github.com/pa7/heatmap.js
How hard would it be to integrate this with Piwik?

That only displays the heatmap, does not record it.

+1, an integrated heatmap in Piwik is the missing piece we are looking for

@jailbot , is it possible to use heatmap.js in commercial project, i think its license is MIT , right ?

Is that what that means? Is Piwik commercial I thought it was open source?

@jailbot yep, Piwik is open source, but can be used in commercial projects.

Seems like heat map just requires some js wizardry.

1. addEventListener('click')
2. check viewport size, check cursor location
3. mouse movement?
4. screenshot?

This wouldn't be "easy" but it would make Piwik much nicer.

Hi,
I want to contribute in developping this plugin but I don't know really from where to start. Even in creating a new plugin I didn't find an example which guide you step by step. I saw the developer site and it's not enough. Who can help me ?
About heatmap, I think that the library that @jailbot mention is interresting.

@khIsm look at this code: http://circles.demo.cujojs.com/
Somehow you have to buffer the captured positions and count for different recording and playback viewports. Register here and look and their tracker JS code: http://www.clicktale.com/trial

@szepeviktor I saw the circle demo and waiting for the approval of the trial for clicktale.
I think that inspectlet( http://www.inspectlet.com/ ) is good and it's based on the library of patrick wied( http://www.patrick-wied.at/static/heatmapjs/ ). It generates a code js code like piwik and I place it after the tag "head" it records what the user is doing and it shows heatmaps :

I think that it's a very interresting library

I've just realized that heatmap.js not just displays but records both moves and click.
Which would you like to implement?

Don't forget about buffering: both with data size limit and time limit.

Both of them are interesting, I'll be concentrated on tracking the mouse mouvement and if it's ok why not on clicks

Hmm, seems like good

Now you can download ClickHeat plugin at Piwik marketplace. This plugin based on Dugwood's plugin, which was written on issue #5493 .
But, it's too complex to understand behavior, so please help, when bugs were found.

Thanks @piwikjapan, I installed here and I will test, if have issues, I report on official repo.

Well done @piwikjapan - I'm sure this will become a very popular plugin!

Problems with the redirect? See piwikjapan/plugin-clickheat#4

@piwikjapan, in my piwik is running very fine!

I have a question, is possible to group clicks by day/week/month to show what area is more used?

Thank you for your replies.

joubertredrat
day/week/month to show what area is more used

Unfortunately, ClickHeat's datas does not work with Piwik's and now ClickHeat does not consider that where customers are looking website. It's not impossible, but...

peterk

I just remodeled ClickHeat to work under Piwik 2.x. I do not know well area of JavaScript. Therefore, I will do my best, but problems take time to solve.
I know it still has a problem about install scripts. This is also important.

@piwikjapan coudl you post screenshots of this here? It would be interesting to see the result. The plugin page has a screenshot but it seems broken, perhaps you can also update it?

Heatmap of @piwikjapan does not longer work - I think there´s also no further development at the moment.

Good news: we're working on Heatmap Analytics for Piwik + scrollmap + click map! It will be awesome and make sure to hear when it's released by signing up here: http://www.heatmap-analytics.com/

Hi @mattab nice news about this. This resource will be only for PRO or will be for open source too? Thanks

@joubertredrat Heatmap will be a premium plugin which you can buy at a reasonnable price like our other Premium plugins: http://plugins.piwik.org/premium

Please note that we are not PRO as we, the people making Piwik, we have left the PRO company months ago: https://piwik.org/faq/new-to-piwik/faq_21984/

Heatmap and Session Recording has been released 🎉
you can get it here: https://plugins.piwik.org/HeatmapSessionRecording

Or learn more in the user guides:

• Heatmaps for Clicks, Mouse moves, and Scrolls
• Session Recording and replay