Accessing the heatmaps for a page

Using heatmaps, you can optimize your landing page by tracking your visitors' behavior and improve your element placement accordingly.

We recommend that you refer to the data generated by heatmaps only after you reach an ample sample size of views per screen. That is because the heatmap will not be as beneficial and uncover as much for you if your page has low traffic. You will see data even with a number of visitors as low as 15, but the data is not yet very relevant to base conclusions on it at that point.

To access the heatmap of a page, click on the right-side three-dot menu for the landing page in question, then select Heatmap, as shown below:

heatmap2020.png

Then, you will need to select the version of your page:

heatmaps.gif

It is necessary to select the version, because a different save/version can mean different content placement, which drives visitors to interact with the page differently.

And now you can see your visitor's behavior on your page.

---0984_Foaya_-_Instapage_2017-07-31_18-53-45.png

Hovering your mouse over the fire icon in the top left corner will open the Heatmap menu from where you can switch between three tracking metrics.

1. Scroll Depth will allow you to see how far your visitors have scrolled down the page.

---0984_Foaya_-_Instapage_2017-07-31_18-57-37.png

---0984_Foaya_-_Instapage_2017-07-31_19-04-37.png

2. Clicks will show you on which elements your visitors have clicked.

---0984_Foaya_-_Instapage_2017-07-31_19-09-12.png

---0984_Foaya_-_Instapage_2017-07-31_19-10-59.png

3. Mouse Movement will allow you to see where on your landing page the visitors spend the most time.

---0984_Foaya_-_Instapage_2017-07-31_19-15-00.png

---0984_Foaya_-_Instapage_2017-07-31_19-15-45.png

 NOTE: If you are having trouble viewing heatmap data, try clearing your browser cache and disabling ad-blockers, as they might interfere.

NOTE: Heatmaps are not available for AMP landing pages.