# Monitor Visual Changes and Ignore Dynamic Content

**Use case:** 

Monitor visual changes while masking selected page regions. Replace the public demo URL and its rating/banner CSS selectors with selectors verified on your own page. Ignored regions keep their layout space; hidden banners are removed. Keep this Task and capture settings stable: the first run saves a baseline, later runs return pixel changes and a diff.

## Input

```json
{
  "urls": [
    {
      "url": "https://webscraper.io/test-sites/product/toyota-2000gt-1970-c007",
      "externalId": "masked-product-demo"
    }
  ],
  "mode": "monitor",
  "fullPage": true,
  "viewport": {
    "width": 1440,
    "height": 900
  },
  "waitUntil": "networkidle",
  "delayMs": 500,
  "navigationTimeoutMs": 45000,
  "scrollForLazyLoad": true,
  "ignoreSelectors": [
    ".rarity-rating"
  ],
  "hideSelectors": [
    ".v2-announcement"
  ],
  "changeThreshold": 0.01,
  "saveDiffImage": true,
  "proxyConfiguration": {
    "useApifyProxy": false
  }
}
```

## Output

```json
{
  "external_id": {
    "label": "Your ID",
    "format": "string"
  },
  "status": {
    "label": "Capture status",
    "format": "string"
  },
  "change_type": {
    "label": "Visual change",
    "format": "string"
  },
  "change_percentage": {
    "label": "Changed pixel ratio",
    "format": "number"
  },
  "requested_url": {
    "label": "Requested URL",
    "format": "string"
  },
  "previous_screenshot_url": {
    "label": "Compared screenshot",
    "format": "string"
  },
  "screenshot_url": {
    "label": "Current screenshot",
    "format": "string"
  },
  "diff_image_url": {
    "label": "Highlighted diff image",
    "format": "string"
  },
  "changed_regions": {
    "label": "Changed regions",
    "format": "array"
  },
  "scraped_at": {
    "label": "Observed at",
    "format": "string"
  }
}
```

## About this Actor

This example demonstrates how to use [Website Screenshot & Visual Change Monitor](https://apify.com/automa-flow/website-screenshot-visual-monitor.md) with a specific input configuration. Visit the [Actor detail page](https://apify.com/automa-flow/website-screenshot-visual-monitor.md) to learn more, explore other use cases, and run it yourself.


## How to integrate an Actor?

This Task's input is already configured above. Use it as-is rather than inventing a new one.

Do not guess an integration path. Every one of them is in the agent quickstart at https://apify.com/agents.md: the Apify MCP server, Agent Skills with the Apify CLI, the JavaScript and Python clients, the REST API, and the account-free path for an agent with no human to sign in. It also carries the rule on stating cost before the first paid run.

For full API examples (JavaScript, Python, CLI, MCP, OpenAPI), see this Task's Actor page: https://apify.com/automa-flow/website-screenshot-visual-monitor.md

Each client library has reference documentation the quickstart does not restate: [JavaScript/TypeScript](https://docs.apify.com/api/client/js/docs.md) (`npm install apify-client`) and [Python](https://docs.apify.com/api/client/python/docs.md) (`pip install apify-client`).