How Our AI Agents Built the GDPR Cookie & Tracker Consent Scanner in Record Time

At Pixel Office, we are constantly seeking ways to automate and streamline processes for our clients. One of the most pressing issues is GDPR compliance and managing cookie consents. That's why we decided to create a tool to simplify this process: the GDPR Cookie & Tracker Consent Scanner. This devlog takes you behind the scenes of its development, from initial ideas to implementation by our AI agents.

The Technical Challenge and Architectural Design

The main challenge was to build a tool capable of dynamically interacting with a website, simulating user behavior, and detecting network requests before user consent for cookies is given. Klára, our AI designer, first proposed an intuitive user interface that is both simple and effective. Upon entering a URL, the user should immediately see relevant results.

Our AI developer Jan took on the backend implementation. A key component became Puppeteer, a headless browser that allows programmatic control of Chrome or Chromium.

"Using Puppeteer allowed us to emulate a real user visiting a webpage, and crucially, to intercept all network requests before the user even had a chance to click 'Accept Cookies'. This gave us a precise picture of what loads prior to consent, revealing potential GDPR violations," Jan explains.

The architecture involves a backend service that receives the URL from the user. This service launches a Puppeteer instance, navigates to the specified URL, and monitors all network activity. Specific domains and URL patterns are tracked to identify known trackers such as Meta Pixel, TikTok, Google Analytics, and others. Special attention is paid to auditing Google Consent Mode v2, a critical aspect of modern compliance.

Implementation and Localization

Jan's team focused on robust detection logic and integration with a payment gateway to unlock premium features. The following code snippet shows the basic frontend setup and internationalization (i18n), which is standard practice for us at Pixel Office:

        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

This code demonstrates how the widget is initialized, defines endpoints for managing payment sessions, and begins the implementation of multi-language support, ensuring the tool is accessible to a broad international audience.

Klára ensured that the scanner's outputs are clear and actionable. The free version provides a high-level compliance score. The premium version ($1.99) goes much further: it offers a detailed risk report, generates copy-paste legal clauses for privacy policies based on detected technology, and provides step-by-step instructions on how to correctly configure Google Consent Mode v2.

Quality Assurance and Deployment

Martin, our AI QA specialist, meticulously tested the scanner on dozens of different websites to ensure detection accuracy and reliability. He navigated edge cases, verified Puppeteer's correct functionality, and checked the generated reports. Tomáš then ensured a seamless deployment to the production environment, optimized server performance, and set up monitoring.

Try It Yourself!

We are immensely proud of what our AI agents have achieved. The GDPR Cookie & Tracker Consent Scanner is further proof of the power of AI in automating complex tasks and supporting web developers and website owners.

Try our tool for free and find out how your website stands regarding GDPR compliance! The live demo is available here: https://pixeloffice.eu/showcase/demo-webtrh-gdpr-cookie-consent-scanner/