Under 'Website Settings' you will find the "Exclude and Whitelist" section. In this section, you will have a set of fields where you can enter CSS selectors to either exclude or whitelist elements in Mouseflow's recordings.
Excluding content is useful if you have sensitive/personal data as part of the HTML on a recorded page.
An example of this could be a confirmation page, where users' details are shown after checkout, or a member page with similar details. This content will be picked up by our recording script unless you exclude it from being recorded.
Whitelisting is useful for tracking input fields that don't contain personal data (PII).
In these fields, you can add the CSS selector for the elements you want to exclude or whitelist. The selector can be the element's ID, class, or even CSS path, as shown in the image above.
Alternatively, you can exclude and whitelist content by using the Visual Privacy Tool.
Note: You can learn more about the differences between Excluded, Whitelisted & Tracked Fields in this article.
Finding the CSS Selector
Finding the selector of an element in Chrome only takes a couple of clicks using the built-in Developer Tools.
To find the CSS selector of a page element:
A. Right-click the element on the page and choose "Inspect" - The Developer Tools window will open.
B. In the Elements tab of Developer Tools, right-click the highlighted element and select Copy > Copy selector.
That's it! The selector string is now in your clipboard and you can paste it anywhere.
Things to remember
Excluding content will hide that content entirely from our service. The content will never be recorded by us, sent to our servers, or saved by us anywhere. It's completely hidden from us.
Excluding content will only work for new data, made after you've saved your changes. You cannot exclude content from existing maps and recordings.
Excluding content can impact the height of the recorded page in our heatmaps and recordings. You might see misaligned clicks when the users click the area where they saw the excluded content. We recommend excluding as little as possible. So in the example above, you should exclude the content of the box, and not the box itself.
Whitelisting a field will mean that Mouseflow will pick up all keystrokes in that field. You need to ensure that you're not whitelisting any fields that could be used to enter Personal Identifiable Information (PII).
Whitelisting a field will only work for new data, made after you've saved your changes. You cannot whitelist input from existing recordings.