Ignore Regions for Visual Monitoring

How It Works

Ignore regions let you define rectangular areas on a webpage that should be excluded from visual comparison. When GoScreenAPI captures screenshots and runs its pixel-level diff analysis, any pixels within your defined ignore zones are masked out before comparison begins. Changes inside these regions never trigger alerts, no matter how dramatic they are.

You define ignore regions using pixel coordinates relative to the page viewport. Each region is specified as a rectangle with x, y, width, and height values. You can add multiple regions per monitor — there is no practical limit. The masking applies to both the baseline and the new capture, ensuring consistent exclusion regardless of when content changes within those zones.

Regions persist across monitoring cycles. Once configured, they remain active until you modify or remove them. If your page layout changes significantly, you can update region coordinates through the dashboard or API without recreating the entire monitor configuration.

Use Cases

Dynamic web content is the primary source of false positive alerts in visual monitoring. Ignore regions solve this by surgically excluding areas you expect to change:

1. Advertisement banners — Ad networks rotate creatives constantly. A header banner that changes every page load would trigger alerts every cycle without region exclusion.
2. Live timestamps and counters — "Last updated" labels, countdown timers, and real-time visitor counters change on every capture. Masking these small areas eliminates constant noise.
3. User-generated content feeds — Comment sections, review widgets, and social media embeds update frequently. Exclude them to focus monitoring on your controlled page elements.
4. Cookie consent banners — These overlays appear inconsistently depending on session state. Ignoring their typical position prevents sporadic false alerts.
5. Personalized content blocks — Recommendation engines and "recently viewed" sections differ per session. Exclude them to monitor the stable page structure around them.

The result is a monitoring setup that alerts you only when something genuinely unexpected changes — a broken image, a shifted layout, a missing section — while gracefully handling the natural dynamism of modern web pages.

Why Choose GoScreenAPI

Configuring ignore regions in GoScreenAPI takes seconds. The visual editor lets you draw rectangles directly on a screenshot of your page — no manual coordinate calculations needed. You see exactly what will be excluded before saving, eliminating guesswork.

Unlike tools that only support full-element exclusion via CSS selectors, GoScreenAPI uses pixel-based regions. This means you can exclude part of an element, ignore overlapping areas from multiple elements, or mask regions that do not correspond to any single DOM node. Pixel precision gives you complete control over what gets compared.

Combine ignore regions with mobile viewport monitoring to define separate exclusion zones for different screen sizes. A sidebar ad that appears on desktop might not exist on mobile, so each viewport configuration maintains its own independent set of regions.

When changes occur outside your ignored areas, GoScreenAPI delivers instant notifications through Slack, email, Telegram, or webhooks. Every alert includes the diff overlay with ignored regions clearly marked, so you can verify at a glance that the detection is legitimate and not a false positive from dynamic content.