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”.

Previous FAQ: How do I exclude all requests with a specific User Agent from statistics ?