Informes

Diseño de banners · 4 de julio de 2026

Errores comunes de el banner de cookies: Dark Patterns y riesgos de consentimiento

Un banner de cookies puede parecer pulido y aún así fallar a los visitantes. Los errores más comunes no son siempre técnicos: opciones de rechazo ocultas, redacción vaga, jerarquía desigual de botones y scripts que se ejecutan antes de una elección pueden debilitar todo el flujo de consentimiento.

Bodegón fotográfico de dos controles de consentimiento equilibrados en una tarjeta de color crema

Los errores que convierten un banner en un patrón oscuro

Un patrón oscuro es una elección de diseño que dirige a las personas hacia un resultado que quizás no elegirían con una interfaz neutral. En los banners de cookies, el problema suele no ser un color aislado ni una etiqueta concreta. Es el camino completo: qué aparece primero, qué tan claras son las opciones, cuántos clics requiere cada camino y si el seguimiento opcional espera la decisión del visitante.

1. La aceptación es prominente, el rechazo está oculto

Un patrón común es un botón brillante de "Aceptar todo" junto a un enlace apagado de "Configuración", con "Rechazar todo" enterrado en un segundo panel. El informe del grupo de trabajo de la EDPB registra que la mayoría de las autoridades de supervisión consideraron que era una infracción cuando no aparece una opción de rechazar/refusar en la misma primera capa que la opción de aceptar, mientras que algunas autoridades evaluaron este caso por caso.

2. Las etiquetas de los botones no indican qué ocurre

Etiquetas como «OK», «Lo entiendo», «Continuar» o «Entendido» suelen ser poco claras porque no indican si el visitante ha aceptado cookies opcionales. Usa verbos sencillos: aceptar, rechazar y personalizar. Si un botón cambia el comportamiento del seguimiento, su etiqueta debe dejar clara esa consecuencia.

3. Los interruptores preseleccionados hacen que las cookies opcionales parezcan necesarias

Las categorías opcionales no deben estar marcadas por defecto ni presentarse como ya activadas antes de que el visitante las elija. Si los interruptores de análisis o marketing están activados por defecto, se está empujando al usuario hacia el consentimiento en lugar de que realice una elección afirmativa.

4. La jerarquía visual incita en lugar de aclarar

El contraste y el tamaño son herramientas de diseño legítimas, pero deben ayudar a las personas a comprender las opciones en lugar de debilitar una de ellas. La CNIL, la autoridad francesa de protección de datos, ha emitido notificaciones formales sobre banners de cookies engañosos que utilizaban tácticas de diseño para fomentar la aceptación o dificultar el rechazo. Eso refuerza una pregunta de revisión simple: ¿vería un visitante razonable todas las opciones significativas sin tener que buscar?

5. El icono de cierre en silencio significa consentimiento

Cerrar un banner no debe considerarse consentimiento para el almacenamiento opcional a menos que la interfaz haya hecho que esa consecuencia sea inequívocamente clara y la base legal lo soporte. Para la mayoría de los equipos de WordPress, el enfoque más limpio es mantener las categorías opcionales desactivadas hasta que el visitante las acepte activamente.

Auditoría de 10 puntos para el banner de cookies de WordPress

Los sitios de WordPress cambian con frecuencia. Una actualización de tema, un plugin de análisis, una extensión de WooCommerce, un vídeo incrustado, una herramienta de formularios o un cambio en el gestor de etiquetas pueden alterar lo que se ejecuta antes y después del consentimiento. Usa la revisión del banner como una comprobación del flujo de trabajo, no solo como una revisión del diseño visual.

  • Abre el sitio en una ventana privada nueva y confirma que el banner aparece antes de que se ejecuten las herramientas opcionales.
  • Comprueba que las opciones de aceptar, rechazar y personalizar sean visibles y comprensibles.
  • Confirme que las categorías opcionales estén desactivadas por defecto hasta que el visitante acepte.
  • Lee cada etiqueta del botón fuera de contexto y pregunta si describe claramente la acción.
  • Compara el número de clics necesarios para aceptar y rechazar las cookies opcionales.
  • Asegúrate de que el centro de preferencias pueda volver a abrirse más tarde desde un enlace persistente.
  • Verifique que la política de cookies describa el núcleo de WordPress, los complementos, los incrustados, el análisis y las herramientas de marketing.
  • Prueba la navegación con teclado, el orden de enfoque, el contraste y el texto legible en móviles y ordenadores.
  • Verifica que los scripts de Google, Meta, analítica, chat y vídeo sigan el estado de categoría elegido.
  • Documenta la fecha de la revisión y vuelve a escanear después de cambios en el complemento, la etiqueta, la pasarela de pago o el tema.

La revisión del diseño no es suficiente: compruebe qué realmente se carga

Un banner puede ofrecer los botones correctos mientras el sitio carga scripts opcionales demasiado pronto. Por eso importa una comprobación técnica. El núcleo de WordPress documenta sus propias cookies para el inicio de sesión, comentarios, autenticación y funciones relacionadas, pero muchas cookies del sitio provienen de plugins y servicios de terceros. El banner debe reflejar el conjunto de componentes en funcionamiento real, no una suposición genérica de WordPress.

Revisa al menos tres estados: primera visita antes de la elección, después del rechazo y después de la aceptación. Si tu sitio utiliza un gestor de etiquetas, extensiones de comercio electrónico, medios incrustados o píxeles publicitarios, prueba las páginas que realmente cargan esas herramientas. Una comprobación solo de la página de inicio puede omitir el comportamiento de la pasarela de pago, la cuenta, el formulario de captación de leads y la página de campañas.

Pruebas a documentar durante la revisión

  • Qué cookies o entradas de almacenamiento local aparecen antes de que el visitante elija.
  • Qué solicitudes de red se activan después de rechazar y después de aceptar.
  • Verificar si los interruptores de categorías coinciden con las descripciones de la política.
  • Si el consentimiento puede cambiarse después y si el nuevo estado se respeta.
  • Si el banner registra la versión, la marca de tiempo y las selecciones de categoría que debe conservar.

Cómo ACookies reduce la incertidumbre en la revisión del banner

ACookies está construido en torno a un flujo de trabajo de WordPress centrado en la revisión: configura las opciones claras de el banner, escanea el sitio en busca de evidencia de cookies y scripts, revisa las categorías y descripciones asistidas por IA, publica el texto de la política y mantiene los registros de consentimiento. Esto ayuda a los equipos a conectar la interfaz que ven los visitantes con el comportamiento real del sitio.

Empieza utilizando el Escáner de cookies asistido por IA para inspeccionar lo que carga en las páginas importantes. Si el texto de tu política está desactualizado o es genérico, el generador gratuito de política de cookies puede convertir una análisis de URL pública en un borrador revisable. Los equipos que necesitan registros continuos, más sitios y flujos de trabajo más profundos pueden comparar Planes anuales de ACookies.

Soluciones prácticas que mejoran el banner de inmediato

Coloca las opciones principales en la primera capa. Usa etiquetas directas. Mantén las categorías opcionales ocultas hasta que sean seleccionadas. Otorga el mismo nivel de cuidado al rechazo que al aceptación. Haz que la personalización sea útil en lugar de confusa. Mantén el enlace a la política cerca de la decisión y facilita la reapertura del centro de preferencias después de la primera visita.

Luego, prueba el resultado con herramientas reales de navegador. Si el sitio sigue ejecutando scripts opcionales antes de una elección, el problema no es el texto del banner. Es la ruta de implementación entre WordPress, complementos, reglas del gestor de etiquetas y el estado del consentimiento.

Preguntas frecuentes

¿Es necesario que el botón de rechazo esté en la primera capa del banner?

El informe del grupo de trabajo de la EDPB sobre los banners de cookies indica que la mayoría de las autoridades consideraron que la ausencia de una opción de rechazo de primera capa constituía una infracción, aunque señalaron que algunas autoridades consideraron que la evaluación era específica del caso. Para los sitios dirigidos a la UE, tratar el rechazo como un control de primera capa es la línea base de diseño más segura.

¿Son los colores por sí solos suficientes para hacer que un banner de cookies sea ilegal?

No necesariamente en todos los casos. El color, el tamaño, el contraste, la ubicación, la redacción y el número de pasos deben revisarse conjuntamente para determinar si se incita a los visitantes hacia una opción concreta o si pueden tomar una decisión genuina e informada.

¿Puede un banner de cookies de WordPress demostrar el cumplimiento por sí mismo?

No. El banner es una parte del flujo de trabajo. También necesita un mapeo preciso de cookies, un comportamiento correcto de los scripts antes y después de la elección, texto de política claro, registros donde sea apropiado y revisiones periódicas después de cambios en el sitio.

¿Es este artículo asesoramiento legal?

No. Esta es una guía de implementación práctica para equipos de WordPress. Solicite a asesores legales o de privacidad cualificados que revisen su banner final, política y enfoque de consentimiento.

Fuentes y lectura adicional

Revise el banner y los scripts que hay detrás.

Escanee su sitio de WordPress, revise lo que se ejecuta antes y después del consentimiento y mejore el texto de la política en el que los visitantes confían.

Comience con el escáner de cookies con IA