ForHosting KIT · Websites auslesen & überwachen

Hat sich das Design einer Seite verändert?

Ein Werkzeug, das eine Webseite regelmäßig als Screenshot erfasst und mit der vorherigen Aufnahme vergleicht – Pixel für Pixel statt nur den Text. So fallen optische Änderungen auf, die eine reine Textprüfung übersieht, etwa ein verschobenes Layout oder ein fehlendes Bild. Aktuell noch in der Beta-Phase.

● Betapro Anfrage + pro Prüfung$0.040

API ansehen — $0.040 + $0.001/Prüfung API ansehen

Nutzen Sie es über WebAPIE-MailApp baldTelegram bald

Wie der Vergleich funktioniert

Zu einer festgelegten Zeit wird ein Screenshot der Seite erstellt und mit der vorherigen Aufnahme verglichen. Weichen die beiden Bilder voneinander ab, wird eine Benachrichtigung mit den markierten Unterschieden ausgelöst; kleine, technisch bedingte Abweichungen unterhalb einer Toleranzschwelle lösen dagegen keine Meldung aus. So bleibt die Übersicht auch bei häufigen, unbedeutenden Schwankungen erhalten, statt bei jeder kleinen Abweichung eine Meldung zu erhalten.

Wofür sich das eignet

Ein CSS-Update, das versehentlich ein Element verschiebt, oder ein Bild, das beim nächsten Deployment plötzlich fehlt, fällt bei einer reinen Textprüfung oft nicht auf. Die visuelle Überwachung erkennt solche Änderungen, unabhängig davon, ob sich der Text der Seite überhaupt verändert hat, und ergänzt damit die reine Textprüfung sinnvoll, gerade bei rein technisch verursachten Fehlern im Layout einer Seite, die sonst leicht übersehen werden.

Warum diese Funktion als Beta gekennzeichnet ist

Der Vergleich von Screenshots reagiert empfindlicher auf technische Nebeneffekte als ein reiner Textvergleich, etwa auf unterschiedlich geladene Werbebanner oder Animationen zum Aufnahmezeitpunkt. Die Toleranzschwelle lässt sich anpassen; ein anfänglicher Testlauf zeigt, ob die gewählte Einstellung zur jeweiligen Seite passt, bevor die Überwachung dauerhaft eingerichtet wird. Bei ruhigen, statischen Seiten ist das Ergebnis meist von Anfang an zuverlässig und über längere Zeit stabil.

Kanäle und Preis

Eingerichtet wird die Überwachung über diese Seite im Browser oder über die API, mit frei wählbarer Prüffrequenz. Der Preis liegt bei $0.040 pro Prüfung, zuzüglich $0.001 pro zusätzlich verglichener Seite; bei einer täglichen Prüfung sind das rund $1.20 im Monat. Die Frequenz lässt sich jederzeit anpassen, etwa vorübergehend erhöhen vor einem wichtigen Deployment und danach wieder senken, ganz nach Bedarf.

Anwendungsfälle

Kontrolle nach jedem Deployment

Ein Entwicklungsteam lässt die Startseite nach jedem Deployment automatisch mit der vorherigen Version vergleichen, um ein versehentlich verschobenes Layout sofort zu bemerken.

Überwachung einer Landingpage der Agentur

Eine Agentur überwacht die Landingpage eines Kunden visuell, um sofort zu erfahren, wenn eine unautorisierte Änderung am Design vorgenommen wird.

Bilder auf der Produktseite im Blick

Ein Onlineshop prüft täglich, ob die Produktbilder auf der Startseite korrekt laden, nachdem ein früherer Ausfall des Bildservers unbemerkt blieb.

Vergleich vor und nach einem A/B-Test

Ein Marketingteam vergleicht Screenshots einer Seite vor und nach der Umstellung eines A/B-Tests, um zu prüfen, ob die neue Variante wie geplant ausgespielt wird.

Häufige Fragen

Was bedeutet Beta bei dieser Funktion?

Dass der Bildvergleich empfindlicher auf technische Nebeneffekte reagiert als ein reiner Textvergleich, etwa auf Werbebanner oder Animationen. Die Toleranzschwelle lässt sich anpassen.

Was zählt als relevante Änderung?

Jede optische Abweichung oberhalb der eingestellten Toleranzschwelle, etwa ein verschobenes Element, eine geänderte Farbe oder ein fehlendes Bild.

Was kostet die visuelle Überwachung?

$0.040 pro Prüfung, zuzüglich $0.001 pro zusätzlich verglichener Seite. Bei einer täglichen Prüfung sind das rund $1.20 im Monat.

Kann ich einstellen, wie empfindlich der Vergleich reagiert?

Ja, über eine Toleranzschwelle lässt sich festlegen, ab welcher Abweichung eine Änderung als relevant gilt.

Werden auch reine Textänderungen erkannt, wenn sich das Layout nicht verändert?

Ja, sofern sich der Text sichtbar auf dem Screenshot auswirkt. Für eine reine Textprüfung ohne Bildvergleich eignet sich stattdessen das Schwesterwerkzeug zur einfachen Änderungsüberwachung.

Brauche ich ein Konto?

Nein, es gibt derzeit keine Konten. Sie richten die Überwachung einmalig ein und bezahlen pro Prüfung.

Für Entwickler — API-Zugang

Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.

Endpunkt

POSThttps://api.kit.forhosting.com/web/monitor-visual

Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.

Aufruf aus Ihrem Stack

curl -X POST https://api.kit.forhosting.com/web/monitor-visual \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"input":"…"}'

const res = await fetch("https://api.kit.forhosting.com/web/monitor-visual", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "input": "…"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/web/monitor-visual",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "input": "…"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/web/monitor-visual", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => &#39;{"input":"…"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"input":"…"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/web/monitor-visual", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Beispiel-Anfrage

{
  "input": "…"
}

Beispiel-Antwort

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "web.monitor_visual",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Preis

pro Anfrage$0.040

pro Prüfung$0.001

Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.

Limits

`timeout_sec`	30
`max_crawl_pages`	25

Fehler

HTTP	Code	Bedeutung
`401`	`unauthorized`	Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
`402`	`insufficient_balance`	Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
`404`	`unknown_type`	Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
`429`	`rate_limited`	Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.
`422`	`task_failed`	Die Aufgabe ist fehlgeschlagen und wird nicht berechnet.

Vollständige KIT-Dokumentation lesen →