Home / Guides

Guides: Interface Drift & Contract Monitoring

Developer-first guides for monitoring external API and HTML contracts with deterministic diffs, incident workflow, baseline acceptance, and automation-ready alerts.
Home / Guides / Website change detection guide

Website change detection guide

BuyingWebsite

How to detect website changes automatically and alert teams with history and diffs.

Next steps
Choose your path to start monitoring.

Website change detection guide

Monitor critical pages so you know exactly what changed and when.

Pick the right targets

  • Landing pages and pricing tables where copy changes matter.
  • robots.txt and sitemaps that can silently break indexing.
  • Changelogs or partner docs that drive your integrations.

Normalize noisy HTML

Use ignore rules to skip rotating banners, ad slots, or timestamps so alerts stay meaningful.

TypeScript
const selectors = ['.ab-test', '.banner'];
const result = applyIgnoreSelectors(bodyText, selectors, monitor.ignoreRegex);
const normalized = normalizeHtmlForDiff(result.content);
const hashValue = hash(normalized);

Alert the right people

  • Email alerts include the request ID and a link to the diff.
  • Webhooks can open tickets or ping chat rooms automatically.
  • Mute channels during planned changes, then unmute to resume coverage.

Operational tips

  • Start with daily cadence, then tighten intervals on high-value pages.
  • Keep two owners on the org so someone can unmute or rotate secrets.
  • Review audit logs after major edits to see who changed monitors.
Next steps
Choose your path to start monitoring.