When viewing a heatmap, most of your links will include a box that shows additional metrics (clicks, hovers, etc.). In some cases, these boxes will not appear.


This is usually due to one of the following reasons:

  1. The link is not a real hyperlink or form element (<a> or <form> element). These are the only elements that are automatically detected by the the Link Analytics feature. To detect other elements, such as a <div> styled to look like a button, you can add class="mf-listen" to the element. Mouseflow will then start tracking this element, as if it were a traditional hyperlink or form element. See the example at the bottom of this article.
  2. No visitors have interacted with the link yet.


Example

//Adding class="mf-listen"
//Before:
<div data-source=”/shop/checkout”>Proceed to checkout</a>

//After:
<div data-source=”/shop/checkout” class="mf-listen">Proceed to checkout</a>

Note that if your page changes frequently and the link doesn’t have an ID tag (in the HTML code) then Mouseflow might have difficulties recognizing and grouping the links on your page. A solution to this is to add an ID tag to your link.