Mouse Move Heatmap
From ClickTale Wiki
The Mouse Move Heatmap is a comprehensive, visual representation of what visitors are looking at and focusing on within a webpage based the mouse moves of thousands of visitors to a site. Research shows that there is and 84%- 88% correlation between mouse and eye movements, allowing the creation of high-precision heatmaps, based on just the users' mouse movements. This provides a definitive method for conducting accurate eye-tracking on a massive scale at a fraction of the cost.
Contents |
[edit] Best Practices
Knowing precisely where your visitors are moving their mouse and what they are looking at supplies relevant and actionable information to help increase conversion rates.Use this information to evaluate the placement of your content, call to action buttons and advertising space.
We also keep the data for every version of your page. This allows for effortless A/B testing of multiple page elements. You can test which content, elements and layout increase conversion rates, what your customers see just before they decide to purchase a product, and how many people miss your call to action buttons.
[edit] How to use
You can access the Mouse Move Heatmap by either selecting Heatmaps followed by Mouse Move on the dashboard or simply clicking on the Mouse Move Heatmap graphic located in the top left box on the dashboard screen. By clicking the button you can then change the parameters of the heatmap. Select the Page URL you are interested in analyzing, followed by the page version or date range. Click "View" to generate the Heatmap.
Please note, Heatmaps may need to be selected by date range rather than page version for dynamic sites that serve different versions of the same page to visitors. For more information see our wiki page on how to unify several page versions.
[edit] Buttons and Uses
| Relates to the colors of the Heatmap. The Red areas of the page correlate to areas with higher mouse movements whereas the blue (cold) areas of the page show areas with little to no mouse movement. | |
| Limits heat map to mouse moves made only during the first minute of each page visit. Uncheck to run heatmap on entire page visits. | |
| Shows the entire heatmap so you can print or capture it easily. | |
| Displays link analytics percent values. | |
| Clicks: Number of mouse clicks (% of total clicks) Hovers:Number of mouse hovers (% of total hovers) Hover Conversion:Percent of mouse hovers that click Time to Click:Average time from page load to click Hesitation:Average time from beginning of hover to click Hover Order:Average order the link was hovered over by visitors Clicking Visitors:Number of visitors who clicked (and the % of the number of visitors who clicked) | |
| Downloads heatmap to you local machine to use off line, for presentations, etc. | |
| Displays link analytics for all hidden elements on the page. Example: Drop down menus. | |
| Displays non used elements available on the page. | |
| Allows for advanced filtering based on events related to visitors on this page as well as on other pages. Please note: This feature is only available to ClickTale Enterprise customers. | |
| Allows the adjustment of the percentage of the page covered in a heatmap. Can be adjusted from full page (far left) to Peaks (far right). | |
| Enhances the intensity of the color from Cold (far left) to Hot (far right). | |
| Allows the adjustment of the page background. Clear (far left) provides a transparent view of the page being viewed while Opaque (far right) shows a clearer view of the heatmap itself. | |
| Changes the background color from solid to clear. |

