Under 'Website Settings' you have the option of excluding content from being recorded by Mouseflow. This 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. This can be done using the 'Exclude content' field:
In this field you can add the CSS selector for a page element (HTML) to ensure it will not be tracked. The selector can be the element's ID, class or even CSS path, as shown in the image above.
If you're not sure what a CSS path is, we've created an example below. Let's say you have this box on your website:
Name: Jefferson Smith
Address: 1600 Pennsylvania Avenue NW
City: Washington, DC 20500
This is obviously personal data, so you will want to block it. To find the CSS selectors needed for the "Exclude content"-field, you need to inspect the HTML of the box. You can do so by right-clicking the box and choosing 'Inspect''.
This will open your browser's developer console, which allows you to look under the hood of your website. In this case, you should see HTML looking something like this:
<div id="user-details"> <p class="user-details-p">Name: Jefferson Smith</p> <p class="user-details-p">Address: 1600 Pennsylvania Avenue NW</p> <p class="user-details-p">City: Washington, DC 20500</p> </div>
In this case, you can see a few different useful selectors:
Once you hit save after entering a new selector, the content in question will automatically be excluded from all future recordings and heatmaps.
You should note that: