CHECKING STATUS
I AM LISTENING TO
|

Day 21: ChangeDetection.io – The Ultimate Website Change Monitoring Tool – 7 Days of Docker

19. March 2025
.SHARE

Table of Contents

In today’s fast-paced digital world, staying on top of website changes can be crucial for various reasons—whether you’re hunting for product restocks, monitoring pricing changes, tracking competitors, or keeping an eye on regulatory updates. Enter ChangeDetection.io, an open-source solution that makes website change monitoring accessible, efficient, and incredibly powerful.

What is ChangeDetection.io?

ChangeDetection.io is a free, open-source web page change detection, website watcher, and notification service. Designed with simplicity in mind, it allows you to monitor websites for text changes and receive alerts through various notification channels when changes occur.

Key Features

  • Visual Selector Tool: Target specific parts of webpages with precision
  • Diff Visualization: Easily see what changed with word, line, or character-level comparisons
  • Interactive Browser Steps: Fill forms, click buttons, and perform actions before checking for changes
  • Restock & Price Change Detection: Perfect for e-commerce monitoring and deal hunting
  • Multiple Content Fetchers: Choose between fast non-JavaScript or Chrome-based fetchers
  • Advanced Filtering: XPath, CSS Selectors, JSONPath, and jq support for targeting specific content
  • PDF Monitoring: Track changes in PDF files, including text changes and file properties
  • Scheduling Options: Set monitoring schedules with timezone support and day/time restrictions
  • Proxy Support: Configure proxies per watch for enhanced monitoring capabilities
  • Extensive Notifications: Integration with Discord, Slack, Email, Telegram, and many more services

Use Cases for ChangeDetection.io

  • E-commerce Monitoring: Get notified when products come back in stock or prices change
  • Regulatory Compliance: Stay updated on changes to legal documents and government websites
  • Competitive Intelligence: Monitor competitor websites for new features, pricing, or announcements
  • Job Hunting: Get alerts when new positions appear on company career pages
  • Security Monitoring: Track unexpected changes in website source code
  • News Tracking: Be the first to know about important announcements or updates
  • API Monitoring: Detect changes in JSON API responses and trigger actions

Docker Installation Guide

One of the easiest ways to get started with ChangeDetection.io is through Docker. Let’s walk through the installation process.

Prerequisites

  • Docker installed on your system
  • Basic familiarity with terminal/command line

Method 1: Using Docker Compose (Recommended)

  1. Create a docker-compose.yml file with the following content:
  1. Start the container:

Method 2: Using Docker CLI

If you prefer using the Docker command line directly:

Method 3: Using the Original Repository

Alternatively, you can use the original repository:

  1. Clone the repository:
  1. Start with Docker Compose:

Method 4: Using Python Pip

For those who prefer a non-Docker approach:

Accessing the Web Interface

After installation, access the web interface by navigating to:

Understanding Docker Parameters

Here’s a breakdown of the important Docker parameters:

Parameter
Function
-p 5000:5000
Exposes the WebUI port
-e PUID=1000
User ID for permissions
-e PGID=1000
Group ID for permissions
-e TZ=Etc/UTC
Timezone setting
-e BASE_URL=
URL when behind a reverse proxy
-e PLAYWRIGHT_DRIVER_URL=
Chrome driver URL for JavaScript websites
-v /config
Directory for persistent storage

Updating ChangeDetection.io

For Docker Compose users:

For Docker CLI users:

Setting Up Your First Website Monitor

  1. Access the web interface at http://localhost:5000
  2. Click “Add” to create a new watch
  3. Enter the URL you want to monitor
  4. Configure the check frequency, filters, and notification settings
  5. Use the Visual Selector to target specific page elements (if needed)
  6. Save your configuration

Advanced Configuration

Notification Setup

ChangeDetection.io supports numerous notification services through the Apprise library. Here are some examples:

  • Discord: discord://webhook_id/webhook_token
  • Email: mailto://user:pass@example.com?to=receivingAddress@example.com
  • Slack: slack://TokenA/TokenB/TokenC/Channel
  • Telegram: tgram://bottoken/ChatID

JSON Monitoring

For API or JSON data monitoring, you can use JSONPath or jq filters:

  • To monitor a specific value: json:$..price or jq:..price
  • For more complex filtering: jq:".items[] | select(.price < 100)"

Proxy Configuration

You can configure proxies on a per-watch basis, perfect for monitoring geo-restricted content or enhancing your privacy.

Thoughts

ChangeDetection.io offers a powerful, flexible, and free solution for website change monitoring. With its Docker installation, you can have it up and running in minutes, and its extensive feature set makes it suitable for both simple and complex monitoring needs.

Whether you’re a developer, e-commerce enthusiast, job seeker, or just someone who needs to stay informed about website changes, ChangeDetection.io provides the tools you need to never miss an important update again.

Useful Links

Let’s Talk!

Looking for a reliable partner to bring your project to the next level? Whether it’s development, design, security, or ongoing support—I’d love to chat and see how I can help.

Get in touch,
and let’s create something amazing together!

RELATED POSTS

FrankenWP is a specialized WordPress Docker image built on FrankenPHP, which is a PHP application server built on top of the Caddy web server. This combination offers several advantages: This guide will walk you through setting up FrankenWP on your own server using Docker Compose, including all necessary configuration options and client connection details. Also […]

Remember when people used to joke that PHP was dying? Well, in 2025, PHP is not only alive and kicking but thriving thanks to its Frankenstein-inspired application server that’s been taking the web development world by storm! What Is This Monster? FrankenPHP is the brainchild of Kévin Dunglas (the same genius behind API Platform) who […]

Hey there! Ever wondered how websites know when you’re actually looking at them, or if you’ve wandered off to make coffee? That’s presence detection in action – and it’s super useful for creating responsive, user-friendly web apps. In this guide, I’ll walk you through everything you need to know about detecting user presence with JavaScript […]

Alexander

I am a full-stack developer. My expertise include:

  • Server, Network and Hosting Environments
  • Data Modeling / Import / Export
  • Business Logic
  • API Layer / Action layer / MVC
  • User Interfaces
  • User Experience
  • Understand what the customer and the business needs


I have a deep passion for programming, design, and server architecture—each of these fuels my creativity, and I wouldn’t feel complete without them.

With a broad range of interests, I’m always exploring new technologies and expanding my knowledge wherever needed. The tech world evolves rapidly, and I love staying ahead by embracing the latest innovations.

Beyond technology, I value peace and surround myself with like-minded individuals.

I firmly believe in the principle: Help others, and help will find its way back to you when you need it.