Skip to main content

Mask and exclude DOM elements

 

Dynamic elements

Whenever you have highly dynamic elements on your pages you will soon notice that they give you false positives regularly. For example you've added Disqus widget or you have a slider or a video that autoplays.

For this we have developed capabilities of masking (filling region with green color) or excluding (completely removing from DOM) elements. You can find these settings under Modify section of the project's settings.

 

Examples

Check the block in the sidebar with a graph.

 

original
element masked
element excluded

 

Use Cases

You will need to use CSS selectors (same as jQuery uses) to let system know what elements to mask or exclude.

Good practices to mask would be elements like sliders, auto-played videos, ads.

Good examples of excluding could be different popups (like cookies policy), live chats and any other elements that won't break layout if you remove them.