Jump to content
Luis

Release: Track user clicks and generate Heatmap

Recommended Posts

Hey,

my very first Processwire module, so please give any feedback possible about the code.

Ported from my actual project, maybe its usefull for someone.

Main code for tracking based on the clickHeat Project by labsmedia, generated Heatmaps via heatmap.js

What it does:

Tracking clicks of your visitors

Generate a list in admin backend of tracked sites

Generate a Visual Heatmap of the tracked clicks.

Requirements:

processwire 2.3

jQuery 1.9

a folder in /assets/logs/clicks with write permission

I don´t have a git repo, I´m sorry.

Installation:

copy the Folder Heatmap to your site/modules folder.

Install the Module: WireDataHeatmap

Install the Module: ProcessListHeatmaps

Go to your template admin and assign to every template you wish to make trackable the checkbox field track_heatmap

Now check this field on every page you wish to be tracked.

Known bugs so far:

x coordinates about 40px too far in the right.

Will fix this issue the next days.

Screener and .zip

//EDIT 2013/03/16

Roadmap (everybody needs a tiny roadmap ;) )

- change click save from file to database via $page->save()

- tidy up the code! -- *almost

- segmentation via date range

.... learn git?

//EDIT 2013/03/17

New Version 0.0.2

Changed saving clicks to files into $page->fieldtype->textarea

worked on heatmap calculus... still not working properly, bit too much offset left.

trying to fix this problem :-/

update instructions:

uninstall old module

delete old module files

copy folder heatmap to your modules folder and install both new modules.

Now add field "track_heatmap" to every template you wish to provide tracking function.

Now just check the field on every page you need to be tracked.

The module adds his data container to every tracked page after the first registered click.

//EDIT 2013/03/18

New Version 0.0.3

little improvement to visualized data.

Heatmaps not yet accurate on fluid layouts, some clicks need some browser resizing to match the correct position

Updated the attached .zip

post-782-0-22479700-1363384141_thumb.png

Heatmap.zip

  • Like 8

Share this post


Link to post
Share on other sites

Requirements: processwire 2.3

Small detail I know but in the modules it reads 2.x

Can't wait to see that Visual Heatmap of the tracked clicks. Great addon to the modules.

Share this post


Link to post
Share on other sites

Looks very cool Luis! I look forward to trying this one out after the weekend. 

Share this post


Link to post
Share on other sites

@pwired:

thank you, will change this with the next fix.

I did this module yesterday evening and wanted to share it,so excuse me for this :)

@ryan:

I hope it works ^^

-------

I noticed a bug with the x coords in version 0.0.1.

If browser size of tracked user is smaller than yours, the calculation adds bit too much left offset.

Will try to fix this issue in the next update.

In nearly future I combine this module with a whole tracking suite based on piwik data.

  • Like 1

Share this post


Link to post
Share on other sites

Awesome module, really like the idea of heatmaps, a while ago I paid good money to see what happened on my site.

Now piwik has a standard overlay feature, showing even percentages for the clicks, and now this again...

When are the good things ever going to stop?

Thanks Luis for your work, will try on a site after the weekend.

  • Like 1

Share this post


Link to post
Share on other sites

another bug:

one function relies on the same $_GET as page-save() in admin.

If you edit a field with heatmap module activated you get a blank page, but your data are saved.

I fixed this bug and will release version 0.0.2 in the next days.

Version 0.0.2 does not longer save clicks in files, it now saves clicks in textfield.

Which makes heatmap generation a lot faster.

Share this post


Link to post
Share on other sites

update my post to version 0.0.2 with some little changes in tracking method.

  • Like 1

Share this post


Link to post
Share on other sites

When you've got your first release version ready (if it isn't already), please post to the modules directory too. 

Share this post


Link to post
Share on other sites

Sure,

i' m fighting at this moment with liquid layouts, driving me nuts... clicks relative to user viewport not funny

Share this post


Link to post
Share on other sites

Hi Luis and thanks for this module. I haven't downloaded yet. I see on the module page that the last update was February 26, 2014. What is the status of the release and have you made progress with the fluid layout problem?

Share this post


Link to post
Share on other sites

I think that update was related to PW 2.4 release. Fluid Layout tracking still not working properly.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...