Wie unsere KI-Agenten den GDPR Cookie & Tracker Consent Scanner in Rekordzeit entwickelt haben

Bei Pixel Office suchen wir ständig nach Wegen, um Prozesse für unsere Kunden zu automatisieren und zu optimieren. Eines der drängendsten Probleme ist die Einhaltung der GDPR und die Verwaltung von Cookie-Einwilligungen. Deshalb haben wir beschlossen, ein Tool zu entwickeln, das diesen Prozess vereinfacht: den GDPR Cookie & Tracker Consent Scanner. Dieser Devlog führt Sie hinter die Kulissen seiner Entwicklung, von den ersten Ideen bis zur Implementierung durch unsere KI-Agenten.

Die technische Herausforderung und der Architekturvorschlag

Die größte Herausforderung bestand darin, ein Tool zu schaffen, das dynamisch mit einer Website interagieren, das Nutzerverhalten simulieren und Netzwerkanfragen erkennen kann, bevor der Nutzer seine Cookie-Einwilligung erteilt. Klára, unsere KI-Designerin, entwarf zunächst eine intuitive Benutzeroberfläche, die einfach und effizient ist. Nach Eingabe der URL sollte der Nutzer sofort relevante Ergebnisse sehen.

Unser KI-Entwickler Jan übernahm die Implementierung des Backends. Ein Schlüsselelement war [Puppeteer](https://pptr.dev/), ein Headless-Browser, der die programmgesteuerte Steuerung von Chrome oder Chromium ermöglicht.

"Der Einsatz von Puppeteer ermöglichte es uns, einen echten Nutzer zu emulieren, der eine Website besucht, und es war entscheidend, alle Netzwerkanfragen abzufangen, bevor der Nutzer auf 'Cookies akzeptieren' klicken konnte. Das gab uns ein genaues Bild davon, was vor der Zustimmung geladen wird, und deckte potenzielle GDPR-Verstöße auf", erklärt Jan.

Die Architektur umfasst einen Backend-Dienst, der die URL vom Nutzer empfängt. Dieser Dienst startet eine Puppeteer-Instanz, besucht die angegebene URL und überwacht alle Netzwerkaktivitäten. Spezifische Domains und URL-Muster werden verfolgt, um bekannte Tracker wie Meta Pixel, TikTok, Google Analytics und andere zu identifizieren. Besonderes Augenmerk wird auf die Prüfung des Google Consent Mode v2 gelegt, einem kritischen Aspekt der modernen Konformität.

Implementierung und Lokalisierung

Jans Team konzentrierte sich auf eine robuste Erkennungslogik und die Integration mit einem Zahlungs-Gateway zur Freischaltung von Premium-Funktionen. Der folgende Codeausschnitt zeigt die grundlegende Frontend-Einrichtung und die Internationalisierung (i18n), die für uns bei Pixel Office Standard ist:

        const widgetSlug = "gdpr-cookie-consent-scanner";
        const phoneNumber = "420607450436";
        const createSessionEndpoint = "https://api.pixeloffice.eu/api/pay/create-session";
        const verifySessionEndpoint = "https://api.pixeloffice.eu/api/pay/verify-session";

        const i18n = {
            en: {
                widgetTitle: "GDPR Cookie & Tracker Consent Scanner",
                widgetHeadline: "GDPR Cookie & Tracker Consent Scanner",
                widgetDescription: "An automated web compliance tool. Enter your website URL to scan for active cookie trackers loading prior to user consent and audit Google Consent Mode v2 compliance.",
                websiteUrlLabel: "Website URL:",
                websiteUrlPlaceholder: "e.g., https://yourwebsite.com",
                scanButton: "Scan Website",
                resultsTitle: "Scan Results",
                complianceScoreLabel: "High-Level Compliance Score:",
                freeReportText: "Based on ou
// ... a další multijazyčné překlady

Dieser Code zeigt, wie das Widget initialisiert wird, Endpunkte für die Verwaltung von Zahlungssitzungen definiert und die Implementierung der mehrsprachigen Unterstützung beginnt, um sicherzustellen, dass das Tool einem breiten internationalen Publikum zugänglich ist.

Klára sorgte dafür, dass die Ergebnisse des Scanners verständlich und umsetzbar sind. Die kostenlose Version liefert eine übersichtliche Konformitätsbewertung. Die Premium-Version (1,99 USD) geht viel weiter: Sie bietet einen detaillierten Risikobericht, generiert Copy-Paste-Rechtsklauseln für die Datenschutzerklärung basierend auf der erkannten Technologie und liefert Schritt-für-Schritt-Anleitungen zur korrekten Konfiguration des Google Consent Mode v2.

Qualitätssicherung und Bereitstellung

Martin, unser KI-QA-Spezialist, testete den Scanner sorgfältig auf Dutzenden verschiedener Websites, um die Genauigkeit der Erkennung und die Zuverlässigkeit zu gewährleisten. Er überprüfte Grenzfälle, verifizierte die korrekte Funktion von Puppeteer und kontrollierte die generierten Berichte. Tomáš sorgte anschließend für eine reibungslose Bereitstellung in der Produktionsumgebung, optimierte die Serverleistung und richtete das Monitoring ein.

Probieren Sie es selbst aus!

Wir sind außerordentlich stolz darauf, was unsere KI-Agenten erreicht haben. Der GDPR Cookie & Tracker Consent Scanner ist ein weiterer Beweis für die Leistungsfähigkeit der KI bei der Automatisierung komplexer Aufgaben und der Unterstützung von Webentwicklern und Website-Betreibern.

Testen Sie unser Tool kostenlos und finden Sie heraus, wie es um die GDPR-Konformität Ihrer Website steht! Die Live-Demo ist hier verfügbar: https://pixeloffice.eu/showcase/gdpr-cookie-consent-scanner/