Heatmaps not rendering

Ok, thank you for your support. Is there no way to see all clicks of a particular page regardless of pixel width?

I can add an option to ignore the width. But if your website is responsive, or any layout changes occur when the window width size changes (including images, text wrapping and container widths), then the heat maps will not be accurate. Would this still be useful?

Thank you for the option but no, i think i will leave it as. Our site is responsive and I do care about pixel width so that I can track what device they are viewing the site on. I will just allow it to continue to run and use the heat maps after a couple months when they have collect a lot of data so that I can accurately measure our engineering of the users interface and decide if we should move design elements around to better serve our customers. Im guessing that was the whole point of this plugin anyway. Thank you for all your time.

Hi,

Version 2.2.4 should fix your information panel at the bottom so you can always see your width, device pixel ratio and browser zoom level when viewing the heat map.

Can I mark this as resolved if that’s OK now?

Thanks,
Daniel.

I updated to 2.2.4 (also deactivated and reactivated) and still issues. In crome it doesnt show the heat map at all and the info pannel is still going behind my page content (tried adding z-index to the css but no luck), in firefox it is displaying the heat map but also the info pannel is behind content and it seems that the pixel width is not displaying correctly ( ) .In Safari if I resize the browser window to the correct pixel width and refresh the page it shows the heat map just fine. Im not sure how the plugin is reading pixel width but in firefox if the info pannel says your at 2200px a measurement shows its really only 1525px. With safari and crome if the info panel says your at 1600, a measurement shows your at 1590, its always 10 pixels off (not sure that this matters but just letting you know). Also im viewing it on an imac with the latest updates on my os and all browsers are up to date (thought that might be contributing to the display issue) Let me know what you think of all this.

Hi, I’ll try and address these separately:

1. Chrome issues: Browser zoom level and device pixel ratios seem incorrect on your website which I haven’t seen. A workaround in Chrome is to ignore the device pixel ratio and zoom levels to be able to view the heat maps. I’m able to view the heat maps fine.

2. Information panel issue:
Version 2.2.4 includes z-index CSS changes to ensure the information panel appears on top. Try clearing your browser cache and also clear the cache in the W3 Total Cache plugin settings. That fixed it for me.

3. Firefox/Safari width and page refresh issue: I’m guessing the 10px difference is the vertical scrollbar which sometimes appears when viewing the heat map. The website width = window innerWidth – vertical scrollbar width (if it exists) + any remaining horizontal scroll width. So check if the vertical scrollbar has been added when viewing the heat map. Sometimes the scrollbar is added when resizing and then a refresh makes it disappear. I’ve allowed +-6px for the widths to display the mouse clicks on the heat map. I might make this a custom option so you can enter +-10px if you want in case a vertical scrollbar appears.

There are a lot of inconsistencies between browsers (www.quirksmode.org provides a good summary). This means that it does not work in all browsers, but I’ve tried to make it work in most modern browsers of IE, FF, Opera, Safari and Chrome.

Can you please provide more information regarding the 2200px measurement which is actually 1525px?

Thanks,
Daniel

Hello, thanks for taking the time to address these issues.

1. Ill try the chrome work around.

2. I did clear all caches in w3 and it works good now.

3. The 10 pixel diference is not a big deal at all and i understand the need for a +-10px for the scrollbar

4.The firefox difference must have had something to do with w3TC cause I cannot replicate it now….I love what w3TC can do but it has some draw backs like effecting ather plugins ALL the time and causing weird site issues,,,but going from a 74 yslow page speed score to a 89 yslow page speed makes me keep it.

I really thing this plugin has some potential to be a great tool. Their is nothing like it on the market. If you would like to email me I would love to collaborate with you on a paid, pro version of it. Interface design and marketing is what we do best and it seems like you have the technical end down on this one. [email protected] ….hope to hear from you soon.

I am marking this topic as resolved. Thanks.