How do I hide (exclude) certain elements of my web page when viewing a heatmap?

When you configure a heatmap, you can define one or multiple CSS selectors to hide elements within your web page. This is useful if your website shows for example a pop-up when a user lands on your website. If you don’t want to configure the same CSS selectors each time you create a heatmap, you can define custom stylesheets in your CSS.

To find the CSS selector for a certain element on a web page, right click on the part you want to hide on your web page and then select « Inspect element ». This should work in most modern browsers. Now right click on an element you want to hide and select « Copy > Copy selector ».

For even more information on preventing certain elements to be tracked, you can check our Heatmaps Guide « Masking content on your website ».