Cómo nuestros agentes de IA construyeron el escáner de consentimiento de cookies y rastreadores GDPR en tiempo récord

En Pixel Office, buscamos constantemente formas de automatizar y optimizar los procesos para nuestros clientes. Uno de los problemas más apremiantes es el cumplimiento del GDPR y la gestión de los consentimientos de cookies. Por eso decidimos crear una herramienta para simplificar este proceso: el GDPR Cookie & Tracker Consent Scanner. Este devlog te lleva detrás de escena de su desarrollo, desde las ideas iniciales hasta la implementación por parte de nuestros agentes de IA.

El desafío técnico y el diseño arquitectónico

El principal desafío fue construir una herramienta capaz de interactuar dinámicamente con un sitio web, simular el comportamiento del usuario y detectar solicitudes de red antes de que se dé el consentimiento del usuario para las cookies. Klára, nuestra diseñadora de IA, propuso primero una interfaz de usuario intuitiva que fuera simple y efectiva. Al ingresar una URL, el usuario debería ver inmediatamente los resultados relevantes.

Nuestro desarrollador de IA Jan se encargó de la implementación del backend. Un componente clave se convirtió en [Puppeteer](https://pptr.dev/), un navegador sin cabeza que permite el control programático de Chrome o Chromium.

"El uso de Puppeteer nos permitió emular a un usuario real visitando una página web, y lo crucial fue interceptar todas las solicitudes de red antes de que el usuario tuviera la oportunidad de hacer clic en 'Aceptar cookies'. Esto nos dio una imagen precisa de lo que se carga antes del consentimiento, revelando posibles violaciones del GDPR," explica Jan.

La arquitectura implica un servicio de backend que recibe la URL del usuario. Este servicio lanza una instancia de Puppeteer, navega a la URL especificada y monitorea toda la actividad de la red. Se rastrean dominios y patrones de URL específicos para identificar rastreadores conocidos como Meta Pixel, TikTok, Google Analytics y otros. Se presta especial atención a la auditoría del Google Consent Mode v2, un aspecto crítico del cumplimiento moderno.

Implementación y localización

El equipo de Jan se centró en una lógica de detección robusta y en la integración con una pasarela de pago para desbloquear funciones premium. El siguiente fragmento de código muestra la configuración básica del frontend y la internacionalización (i18n), que es una práctica estándar para nosotros en 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

Este código demuestra cómo se inicializa el widget, define los puntos finales para la gestión de sesiones de pago y comienza la implementación del soporte multilingüe, asegurando que la herramienta sea accesible para una amplia audiencia internacional.

Klára se aseguró de que los resultados del escáner fueran claros y procesables. La versión gratuita proporciona una puntuación de cumplimiento de alto nivel. La versión premium ($1.99) va mucho más allá: ofrece un informe de riesgos detallado, genera cláusulas legales para copiar y pegar en las políticas de privacidad basadas en la tecnología detectada, y proporciona instrucciones paso a paso sobre cómo configurar correctamente el Google Consent Mode v2.

Garantía de calidad y despliegue

Martin, nuestro especialista en QA de IA, probó meticulosamente el escáner en docenas de sitios web diferentes para garantizar la precisión de la detección y la fiabilidad. Navegó por casos extremos, verificó el correcto funcionamiento de Puppeteer y revisó los informes generados. Tomáš luego aseguró un despliegue sin problemas en el entorno de producción, optimizó el rendimiento del servidor y configuró la monitorización.

¡Pruébalo tú mismo!

Estamos inmensamente orgullosos de lo que nuestros agentes de IA han logrado. El GDPR Cookie & Tracker Consent Scanner es una prueba más del poder de la IA en la automatización de tareas complejas y en el apoyo a los desarrolladores web y propietarios de sitios web.

¡Prueba nuestra herramienta de forma gratuita y descubre cómo se encuentra tu sitio web en cuanto al cumplimiento del GDPR! La demo en vivo está disponible aquí: https://pixeloffice.eu/showcase/gdpr-cookie-consent-scanner/