@mattab opened this issue on October 2nd 2014

The goal of this issue is to discuss the potentially amazing new feature of providing Heatmaps for Piwik.

This is follow up to the long & now locked original issue heatmap issue: #5493

Feel free to comment here with any idea on how Heatmap could be done!

@szepeviktor commented on October 2nd 2014

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

@MarcusHKrueger commented on October 30th 2014

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?

@mattab commented on October 30th 2014

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/

@szepeviktor commented on October 30th 2014

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

@mpdude commented on November 2nd 2014

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?

@mattab commented on November 3rd 2014

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

@tsteur commented on January 22nd 2015

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/

@marclaporte commented on March 22nd 2015

"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/

@johnnabil commented on March 25th 2015

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 ?

@clarknelson commented on March 27th 2015

I would also really like this implemented.

@clarknelson commented on March 27th 2015

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?

@szepeviktor commented on March 27th 2015

That only displays the heatmap, does not record it.

@aimeos commented on March 31st 2015

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

@johnnabil commented on March 31st 2015

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

@clarknelson commented on March 31st 2015

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

@Globulopolis commented on March 31st 2015

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

@clarknelson commented on March 31st 2015

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.

@khIsm commented on April 14th 2015

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.

@szepeviktor commented on April 14th 2015

@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

@khIsm commented on April 14th 2015

@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

@szepeviktor commented on April 14th 2015

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

@szepeviktor commented on April 14th 2015

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

@khIsm commented on April 15th 2015

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

@joubertredrat commented on April 16th 2015

Hmm, seems like good

@piwikjapan commented on April 27th 2015

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.

@joubertredrat commented on April 27th 2015

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

@mattab commented on April 27th 2015

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

@peterk commented on May 11th 2015

Problems with the redirect? See https://github.com/piwikjapan/plugin-clickheat/issues/4

@joubertredrat commented on May 11th 2015

@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?

@piwikjapan commented on May 11th 2015

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.

@MagicFab commented on November 9th 2015

@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?

@benhartwich commented on February 13th 2016

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

@mattab commented on March 24th 2017

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/

@joubertredrat commented on March 24th 2017

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

@mattab commented on March 24th 2017

@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/

Powered by GitHub Issue Mirror