In the example above, a dot hover map is combined with an attribution hover map. Where visitors hover directly over an element, it attributes that interaction to the element; where their hovers fall outside the element, a dot visualization shows the activity. The three types of Hybrid Heatmaps are Click (user clicks), Touch (touches on touch-enabled devices) and Hover (how often a user hovers over a part of the page).
You can select to ignore Attribution clicks and hovers using the respective Ignore button when hovering over an element which will re-draw the Heatmap excluding these clicks or hovers, while you can do likewise for Dot clicks and hovers using Boundary Mode.
Please note: When Device Type is selected as Desktop under Filters, you will only be able to select Click and Hover Hybrid Heatmaps, while this will change to only allow you to select Touch when changing the device type to Mobile.
Scrolling down to the bottom reveals the key for each heatmap, as well as the usual attribution table that gives the breakdown on link engagement.
Hybrid Heatmap Options
Clicking Heatmap Type from the top menu allows you to change the type of Heatmap that you are viewing, along with providing a number of options.
Data allows you to choose the type of your selected Heatmap. For Hybrid Heatmaps, you can choose Click, Touch and Hover, as mentioned above.
The options below Key allow you to select whether you wish to show/hide the Dot gradient key at the bottom of the Heatmap, or if you wish to show/hide the Attribution table at the bottom of the Heatmap.
Theme meanwhile, allows you to configure the background color of the Heatmap, while you can also configure the attribution color. When using multi-color, the closer to blue a piece of content, the less clicks it has received, and the closer to red, the more it has received. If you decide to use one color meanwhile, the less transparent a piece of content is, the more clicks it has received. You can also change the intensity and opacity of the dots, with the former setting allowing you to focus on the most highly clicked or hovered areas of a page when there are a large number of clicks or hovers spread across the page.
Viewing Session Replays of Clicks and Hovers
For Attributed Clicks and Hovers, you can see all of the Session Replays of users who click or hover on a particular element of the page by hovering over the number by the element that you are interested in and clicking the Show Visitors button.
This will show you a list of all of the Sessions that clicked on the relevant piece of content, and you can click the Play button next to a relevant session to see the Session Replay for that visitor.
Meanwhile, for Dot Clicks and Hovers, you can view all of the Session Replays from selected clicks using our Boundary Mode feature. Simply click the Boundary Mode square icon which can be found in the top right hand corner (image below) next to the Open in a New window icon.
You will now be able to click and drag your mouse over a selected area of clicks. This will create a red square over the selected area and will calculate the total number of clicks over hover time, which can be seen by hovering your mouse over the filled red square in the top right hand corner of the selected area.
Clicking Show Visitors will provide you with a list of the Sessions that clicked or hovered in the selected area, and you can click the Play button next to a relevant session to see the Session Replay for that visitor.
You can also select to ignore these clicks and hovers using the respective Ignore button which will re-draw the Heatmap excluding these clicks and hovers.
Exporting Hybrid Heatmaps
Hybrid Heatmaps can be exported as PNG, CSV or JSON files using the Export feature.