Articles

New WordPress plugin: WP-Clickmap

New WordPress plugin: WP-Clickmap

Yesterday, over at css-tricks.com,  Chris published an article by Jay Salvat about using PHP and jQuery to create a clickmap on your site. I started playing with that idea and decided to make it into a wordpress plugin.

A couple hours of coding, and several versions later, I happily finished WP-Clickmap v1.0

This little plugin will store each click made on pages of your site in a database, and from there, you’ll be able to go to your blog’s admin section and view the various pages. See what is popular with your visitors and what’s not. It’s had some interesting results on the sites I’ve run it on so far, and wanted to share it here for people to download and play around with.

Download wp-clickmap.zip

For anyone who is wondering about the advantages of clickmaps, clickmaps let you see your site from a usability perspective. Your clickmaps show literally every click a user makes on a particular page. Every click is loaded into the database and over time a visual representation of collective clicks gives you an overview of the hotspots on the page.

While it is interesting to see links that are being clicked on, it is even more valuable to see where people are that are not links. Why do people keep clicking on the middle of my page?

WP-clickmap is based on the original idea Jay Salvat published on his blog and on css-tricks.com. Thanks to Jay and Chris for the idea.

Tags: ,

Post Author

This post was written by who has written 384 posts on Roger Stringer.

Roger Stringer is a web developer, writer and editor with over 10 years of experience in web development. Roger Stringer is the founder of sites such as TheInterviewr and DBStract and is the editor of sites such as FoodJumper, Foodizu and Attack Of Code.

48 Responses to “New WordPress plugin: WP-Clickmap”

  1. Stephen Cronin January 21, 2009 at 9:05 pm #

    Gotta be fast! I was just about to turn it into a WordPress plugin myself but thought I better check there wasn’t something already like it – but I’m too slow.

    I’ll give it a whirl sometime soon.

    As for your question, I tend to absently click the text I’m reading…

  2. Rob MacKay January 22, 2009 at 2:07 am #

    Thanks so much for this! I was looking at turning it into a WP plugin myself – but it would have taken me a wee bit longer :D

  3. Surfkultura January 22, 2009 at 6:54 am #

    Thank you very much for this release Roger! I just installed it and it is just gourgeous useful!
    At first the dots highlighting the “twilight zones” didn´t appear but i just looked again after a while and you can infere a lot of things out of this.

    Many thanks,
    Sk

  4. muzo January 22, 2009 at 6:56 am #

    this is awesome. i just set it up on three of my blogs. i’ll hit you back if i run into anything weird. thanks..

  5. Tanner Hobin January 22, 2009 at 7:34 am #

    Thats just awesome! Thanks for turning it into a WP plugin.

  6. Andy Brudtkuhl January 22, 2009 at 10:01 am #

    Very cool plugin.. I have been using CrazyEgg for usability testing but like this idea of having it baked into WordPress. thanks for a killer plugin!

  7. Andy Brudtkuhl January 22, 2009 at 10:02 am #

    by the way… which tweetback plugin are you using?

    • Roger Stringer January 22, 2009 at 10:03 am #

      Using the tweetback plugin from Yoast.com, with some tweaks on the output to match the comments section of my template.

  8. Stewart Schatz January 27, 2009 at 10:14 am #

    I am waaaaaaaaaaaaaay toooooooooooooooooooooooo sssssssssllllllllloooooowwwwwwwww.

    I thought of the WordPress plugin idea, too. Well, at least I learned about how to make a custom plugin. Thanks!

    • Roger Stringer January 27, 2009 at 10:27 am #

      It happens, for every idea you have, another guy gets the same idea.

      Sometimes, it feels like too many people are plugged into the same lightbulb :)

  9. viktor February 4, 2009 at 2:12 pm #

    great plugin! :)

    in which versions of wp does it works?

    • Roger Stringer February 12, 2009 at 11:33 am #

      It’s only been tested in 2.7, but there’s nothing in there that won’t work on 2.5+

  10. Tom Hermans February 7, 2009 at 12:52 pm #

    Great idea, great turnout !

    I saw the clickmap-things at work and thought about building one, and now i don’t even have to do that. Works like a charm !

    Thanx & greetz,
    ToM.

  11. Justin Moore-Brown February 7, 2009 at 6:46 pm #

    Great plug-in!

    I’m all about visual statistics and this is a great way to view whats “hot”

    Way to go.

  12. Michael J Williams February 11, 2009 at 4:51 pm #

    This is incredible, thanks!

  13. Rogerio March 24, 2009 at 9:45 pm #

    Thank’s, nice pluggin.

  14. Pocket cameras March 25, 2009 at 5:40 pm #

    Very nice plug-in, I have installed and activated it on a few blogs, and very very useful “visual stat” tool. I’m sure this will help alot of us determine exactly where our visitors are clicking, it’s going to be great to monetize those stray clicks! Thanks Roger.

  15. Otto Rask June 17, 2009 at 8:51 am #

    Will this exclude the clicks the admin does by him-/herself? Would make some distortion to the data, especially during testing sessions and so on. :)

    • Roger Stringer June 17, 2009 at 9:05 am #

      Open up wp-click.php, find line 44, and edit:

      if (!is_admin()){

      to say

      if (!is_admin() && !current_user_can(‘level_10′)){

      That will exclude clicks from admin user :)

  16. Denny July 17, 2009 at 12:37 pm #

    Wow…that was simple to install! Very well made plugin!

  17. Mike September 2, 2009 at 1:13 pm #

    Wow, Great plugin and it really works ! Thanks ! :) )

  18. @rdjfraser October 5, 2009 at 4:20 am #

    Thanks for making this, I love the web and checking to see if there are things I wish for. Glad there are awesome code monkeys like yourself making the world a better place!

    Thanks,
    Rob

  19. John (Human3rror) December 23, 2009 at 2:13 pm #

    gosh dang this is cool.

  20. elliot condon January 23, 2010 at 12:56 am #

    Just what I was after! cheers mate.

  21. dan January 29, 2010 at 12:58 am #

    Wow! Great plugin! Thank you Roger!

  22. wordpress plugins February 22, 2010 at 9:55 pm #

    Your blog is amazing, i first landed to another post but then get interested and thought, i will just look a little more arround to see what else i can find out about best plugins arround.

  23. ME July 28, 2011 at 10:04 am #

    Great Plugin. Amazing work. Its so simple & user friendly. I am loving it.

    I Love wordpress

Trackbacks/Pingbacks

  1. WP-Clickmap, a great wordpress plugin | visualpanic.net - January 22, 2009

    [...] a great wordpress plugin – http://www.rogerstringer.com/projects/wpclickmap [...]

  2. Quick Notes « Tuition Free - January 24, 2009

    [...] Stringer turned the clickmap demo from yesterday into a WordPress plugin. All you do is activate it and it starts saving clicks from all the different pages on your site. [...]

  3. tj mapes » Blog Archive » What I’m Reading (weekly) - January 25, 2009

    [...] New WordPress plugin: WP-Clickmap | Roger Stringer’s Blog [...]

  4. Quick Notes « Css Templates - 1000s of Free, Premium CSS Templates to Download - February 5, 2009

    [...] Stringer turned the clickmap demo from yesterday into a WordPress plugin. All you do is activate it and it starts saving clicks from all the different pages on your site. [...]

  5. Nice Heatmaps for Wordpress Blogs « tools, wordpress « KnowTeBook - Webworkers Daily Milk - March 2, 2009

    [...] This little plugin will store each click made on pages of your site in a database, and from there, you’ll be able to go to your blog’s admin section and view the various pages. See what is popular with your visitors and what’s not. It’s had some interesting results on the sites he had run it on so far, and wanted to share it for people to download and play around with, said Roger Stinger. [...]

  6. LXS - digital media / This And That for 2009-07-09 - July 10, 2009

    [...] – Klickvisualisierungs Plugin für #WordPress http://www.rogerstringer.com/projects/wpclickmap » Post a comment — Trackback URI RSS 2.0 feed for these comments This entry [...]

  7. My new fascination with clickmaps - The Obtuse Observations of a Wistful Writer - July 13, 2009

    [...] written on 13 Jul 2009 under journal I started gaining an interest in my audience on this blog. I read more about blogging and all that nonsense, came across some Tim Ferriss video on blogging (I can’t remember for the life of me where I found it). Anyway, he used crazyegg to find out where his visitors were clicking. I have absolutely no reason to pay for this service, so I went about looking for an alternative. That’s when I came across this wonderful plugin called WP-Clickmap. [...]

  8. Easy and Effective ClickMap Wordpress Plugin: WP-Clickmap - ChurchCrunch - December 24, 2009

    [...] WP-Clickmap is a simple and extremely useful tool and WordPress Plugin to help you understand the click-patterns of your users so that you can better enhance the user experience. [...]

  9. Make a website by myself? - NamePros.com - September 27, 2011

    [...] http://www.knowtebook.com/8-heatmap-…-them-1274.htm <- useful article http://www.rogerstringer.com/2009/wpclickmap/ Enjoy! __________________ /Freelance Web Designer/ — Follow me on Twitter! Web Developer – [...]

Leave a Reply