open-how2 – Entdecke. Verstehe. Nutze.
Veröffentlicht am
• How2-Tipps

Changedetection.io optimieren: Selektoren & Filter richtig einsetzen

Autor
Changedetection.io optimieren: Selektoren & Filter richtig einsetzen

Selektoren & Filter – Nur relevante Inhalte überwachen

Wenn du bisher einfach komplette Webseiten überwacht hast, hast du vermutlich schnell gemerkt: 👉 Es ändert sich ständig irgendetwas.

Ein neues Datum, ein Banner, ein Cookie-Hinweis oder Werbung – und schon schlägt dein Monitoring an. Das Ergebnis: zu viele Benachrichtigungen, zu wenig Relevanz.

Genau hier kommen Selektoren und Filter in changedetection.io ins Spiel.

👉 Ziel: Nur das überwachen, was dich wirklich interessiert.

Warum Selektoren so wichtig sind

Ohne Filter:

  • jede kleine Änderung löst einen Alert aus
  • du bekommst schnell „Notification-Spam“
  • wichtige Änderungen gehen unter

Mit Selektoren:

  • nur relevante Inhalte werden geprüft
  • deutlich weniger Fehlalarme
  • präzise und saubere Ergebnisse

👉 Kurz gesagt: Vom „alles überwachen“ → zum „gezielt überwachen“

CSS-Selektoren (der wichtigste Baustein)

CSS-Selektoren sind der Standardweg, um bestimmte Bereiche einer Webseite auszuwählen.

🔧 Beispiel: Nur einen bestimmten Bereich überwachen

Angenommen, du willst nur den Inhalt eines Artikels überwachen:

```id="6xqg0y" div.article-content


Oder nur eine Preisangabe:

```id="z8m3ya"
span.price

Wie findest du Selektoren?

Im Browser:

  1. Rechtsklick → „Untersuchen“
  2. Element auswählen
  3. CSS-Klasse oder ID identifizieren

👉 Beispiel:

```id="9j3yuy" 


Selektor:

```id="a0rqjo"
.job-listing

Best Practice

  • möglichst spezifisch, aber nicht zu komplex
  • keine dynamischen Klassen verwenden
  • lieber stabile Container wählen

XPath (optional, für Fortgeschrittene)

Neben CSS kannst du auch XPath nutzen.

👉 Beispiel:

```id="u5dyls" /html/body/div[2]/div[1]/span



### Wann sinnvoll?

* wenn CSS nicht ausreicht
* bei komplexen HTML-Strukturen
* bei schlecht strukturierten Webseiten


### Nachteil

XPath ist:

* schwerer lesbar
* anfälliger für Layout-Änderungen

👉 Empfehlung:
**Wenn möglich, bleib bei CSS-Selektoren**


## Textfilter & Regex

Neben der Auswahl von Bereichen kannst du auch Inhalte filtern.


### Textfilter

Du kannst bestimmte Inhalte:

* ignorieren
* hervorheben
* gezielt überwachen


### Regex (Reguläre Ausdrücke)

Damit kannst du sehr gezielt arbeiten.

#### Beispiel: Datum ignorieren

```id="7wz3gd"
\d{2}\.\d{2}\.\d{4}

👉 entfernt z. B.:

  • 01.01.2026
  • 15.03.2026

Beispiel: Preise überwachen

id="y5rj9w" \d+,\d{2}\s?€

👉 erkennt:

  • 19,99 €
  • 120,00 €

💡 Vorteil

Regex hilft dir:

  • irrelevante Änderungen auszublenden
  • nur bestimmte Muster zu erkennen

„Noise“ entfernen (der Gamechanger)

„Noise“ ist alles, was sich ständig ändert – aber irrelevant ist.

Typische Beispiele:

  • Zeitstempel („Zuletzt aktualisiert“)
  • Werbung / Banner
  • Cookie-Hinweise
  • dynamische Inhalte (z. B. Besucherzahlen)
  • rotierende Inhalte

Strategien zur Bereinigung

👉 1. Selektor nutzen

  • nur Hauptinhalt überwachen

👉 2. Elemente ausschließen

  • z. B. Werbung entfernen

👉 3. Regex einsetzen

  • Datumswerte ignorieren

👉 4. Kombination aus allem

  • bestes Ergebnis

Praxisbeispiel

Du überwachst eine Ausschreibungsseite:

Ohne Filter:

  • Datum ändert sich → Alert
  • Banner ändert sich → Alert

Mit Filter:

  • nur Liste der Ausschreibungen wird überwacht 👉 nur echte Änderungen werden erkannt

Vom Chaos zur Präzision

Mit Selektoren und Filtern erreichst du:

✔ weniger Benachrichtigungen ✔ höhere Relevanz ✔ bessere Übersicht ✔ professionelles Monitoring

Selektoren und Filter sind der entscheidende Schritt vom einfachen Monitoring hin zu einem wirklich brauchbaren System.

Erst durch sie wird Changedetection.io zu einem Werkzeug, das:

  • nicht nervt
  • sondern echten Mehrwert liefert

👉 Wer hier sauber arbeitet, spart später enorm viel Zeit und Nerven.

Ähnliche Beiträge