Diffy documentation
  • Features
    • 👋Welcome
    • Mask & Exclude
    • JavaScript snippets
    • HTTP headers
    • Cookies
    • CSS overrides
    • Mock content
    • Dealing with Dynamic Elements
      • Freeze Carousels / Sliders
      • Cookies Policy Popups
    • Configure project from YAML file
    • Zapier integration (JIRA, Trello, Basecamp integrations)
    • Bypass protection Cloudfront, Akamai, Incapsula
      • Bypass Akamai protection
      • Bypass Imperva Incapsula protection
    • Tags
    • Local development
      • DDEV add-on
      • Lando integration
      • Standalone docker container
      • Ngrok
  • Automation
    • 💡Overview
    • GitHub Pantheon CircleCI
    • GitHub Pantheon GitHub Actions
    • GitHub Tugboat
  • Tutorials
    • Comparison review
Powered by GitBook
On this page
  • Dynamic elements
  • Examples
  • Use Cases
  1. Features

Mask & Exclude

A way to remove cookie popups, mask highly dynamic elements like ads.

PreviousWelcomeNextJavaScript snippets

Last updated 1 year ago

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 the Disqus widget or you have a slider or a video that autoplays.

For this, we have developed capabilities of masking (filling a 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.

Use Cases

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

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

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