# Watch two web pages and get a diff, screenshot and AI summary

**Use case:** 

Monitors the GOV.UK announcements page and the Node.js blog. The first run stores a baseline; every later run returns only what changed, as a text diff with a screenshot and a one-paragraph AI summary of the change. Timestamps and clock strings are ignored so you don't get false alarms. Point it at pricing pages, docs, terms or competitor sites.

## Input

```json
{
  "pages": [
    {
      "url": "https://www.gov.uk/government/announcements",
      "name": "GOV.UK announcements"
    },
    {
      "url": "https://nodejs.org/en/blog",
      "name": "Node.js blog"
    }
  ],
  "trackingId": "my-watch",
  "mode": "changes",
  "textOnly": true,
  "renderJs": false,
  "ignorePatterns": [
    "Last updated:.*",
    "\\d{1,2}:\\d{2}\\s*(AM|PM)?"
  ],
  "minChangePercent": 0.5,
  "screenshotOnChange": true,
  "aiSummary": true,
  "summaryLanguage": "en",
  "emitBaselineAsChanged": true,
  "maxConcurrency": 10,
  "proxyConfiguration": {
    "useApifyProxy": true
  }
}
```

## Output

```json
{
  "name": {
    "label": "Name",
    "format": "string"
  },
  "url": {
    "label": "URL",
    "format": "string"
  },
  "status": {
    "label": "Status",
    "format": "string"
  },
  "changePercent": {
    "label": "Change %",
    "format": "number"
  },
  "diff": {
    "label": "Diff",
    "format": "object"
  },
  "keywordHits": {
    "label": "Keyword hits",
    "format": "object"
  },
  "aiSummary": {
    "label": "AI summary",
    "format": "object"
  },
  "checkedAt": {
    "label": "Checked at",
    "format": "string"
  },
  "error": {
    "label": "Error",
    "format": "string"
  }
}
```

## About this Actor

This example demonstrates how to use [Website Change Monitor — Diff, Screenshot & AI Summary](https://apify.com/almoutasem_nabil/page-change-monitor.md) with a specific input configuration. Visit the [Actor detail page](https://apify.com/almoutasem_nabil/page-change-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/almoutasem_nabil/page-change-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`).