Se abre en una pestaña nueva

Diseño web

Aviso de cookies: qué debe tener y cómo hacer que no frene tu web

Qué hace un aviso de cookies, la opción de exclusión en California, cómo evitar que frene tu web y cómo funciona nuestro propio aviso.

Revisada4 de noviembre de 2026
Lectura
Forma parte deDiseño web
Escucha esta guía
0:00 /6:31

Respuesta corta: un aviso de cookies pregunta a quien visita tu web antes de activar etiquetas que lo siguen, y recuerda la respuesta. Uno bueno ofrece sus opciones con el mismo peso, enlaza a tus políticas y carga sin bloquear la página ni moverla.

Qué hace un aviso de cookies

Hasta que el visitante responde, las etiquetas que hacen seguimiento deben quedar apagadas. El modo de consentimiento de Google lo resuelve para sus etiquetas de dos maneras.

En el modo básico, las etiquetas de Google no cargan hasta que el visitante interactúa con el aviso, y si no da su consentimiento, a Google no llega ningún dato. En el avanzado, las etiquetas cargan con el consentimiento denegado y envían mediciones sin cookies hasta que el visitante acepta.

Nuestra guía del modo de consentimiento de Google explica cómo configurarlo, y nuestra guía de la política de privacidad cubre la página a la que enlaza tu aviso.

La opción de exclusión en California

El Fiscal General de California explica que una empresa que vende o comparte información personal debe ofrecer un enlace «Do Not Sell or Share My Personal Information».

En California, los visitantes también pueden enviar esa solicitud con Global Privacy Control, un ajuste de algunos navegadores o una extensión. El Fiscal General dice que las empresas obligadas deben respetarlo como una solicitud válida para dejar de vender o compartir sus datos.

Cómo evitar que el aviso frene tu web

Lo que puede afectar Por qué Qué hacer
La carga Un script que no es asíncrono bloquea el análisis de la página y retrasa el LCP Cargar el script del aviso de forma asíncrona
El LCP en el teléfono Un aviso con un bloque largo de texto puede ser el elemento más grande Mantener el texto corto
Los saltos de diseño Los avisos son una causa muy común Mostrarlo abajo, sobre la página, sin empujar el contenido
Los clics después de aceptar Aceptar puede activar muchos scripts de terceros a la vez Repartir ese trabajo en tareas pequeñas
Un aviso servido desde otro dominio El navegador necesita antes una conexión nueva Añadir preconnect o dns-prefetch para ese dominio

De las prácticas recomendadas de web.dev para los avisos de cookies, consultadas el 4 de noviembre de 2026.

web.dev también propone probar con el aviso en cada estado: sin responder, aceptado y rechazado. Una prueba que solo ve un estado no mide lo que cuestan los otros.

Cómo configurar un aviso de cookies

  1. Haz la lista de las cookies y etiquetas de tu web y agrúpalas: necesarias, analítica, marketing y funcionales.
  2. Mantén apagada cada etiqueta de seguimiento, o con los valores denegados del modo de consentimiento, hasta que el visitante elija.
  3. Ofrece las opciones con el mismo peso, con un enlace a tus preferencias y a tus políticas.
  4. Trata Global Privacy Control como una solicitud de exclusión donde la ley lo pide.
  5. Carga el script del aviso de forma asíncrona, para que no bloquee la página.
  6. Coloca el aviso abajo, sobre la página, y asegúrate de que nunca oculte del todo el elemento con el foco del teclado.
  7. Prueba los tres estados y comprueba que ninguna etiqueta se activa antes de aplicar la elección del visitante.

El W3C pide que un elemento con foco nunca quede oculto del todo por contenido que tú añades, avisos incluidos. Nuestra guía de navegación con teclado explica cómo probarlo.

Cómo funciona nuestro aviso

Nuestro aviso está en la parte de abajo de la pantalla, con dos botones del mismo estilo. En Estados Unidos dicen «Accept all» y «Do Not Sell or Share My Personal Information», y en español, «Aceptar todo» y «No vender ni compartir mi información personal». Si la zona horaria del dispositivo es de Europa o de Brasil, el segundo dice «Rechazar todo» y nada hace seguimiento hasta que el visitante responde.

Cada página empieza con los valores por defecto del consentimiento de Google en denegado. Todas las etiquetas siguen apagadas en la página hasta que nuestro script aplica la elección del visitante. Para un visitante nuevo en Estados Unidos, aplica el valor por defecto de exclusión voluntaria. Un navegador que envía Global Privacy Control mantiene el marketing apagado, aunque antes se haya pulsado «Aceptar todo».

El 4 de noviembre de 2026 hicimos que el script del aviso dejara de bloquear la página. Probamos 12 visitas antes y después del cambio: visitantes nuevos en Estados Unidos y en Europa, y visitantes que ya habían aceptado o rechazado, en tres páginas.

En las 24, los valores por defecto del consentimiento llegaron primero y ninguna etiqueta se activó antes de fijar el estado del consentimiento. En Europa, ninguna antes del clic en «Aceptar todo», y nada se movió en la página. PageSpeed Insights marcaba el script entre los archivos que bloquean la primera visualización en 9 de 9 pasadas; después, en ninguna de 18.

Antes de publicar el aviso

  • Las etiquetas de seguimiento esperan a la elección del visitante.
  • Las dos opciones tienen el mismo peso.
  • El aviso enlaza a tus políticas de privacidad y de cookies.
  • Global Privacy Control se respeta donde aplica.
  • El script del aviso no bloquea la página.
  • Nada se mueve cuando aparece el aviso.

RecuerdaUn aviso vale lo que pasa detrás de él: comprueba que las etiquetas esperan la respuesta.

Los avisos, las etiquetas y el consentimiento son parte de las webs que hace nuestro equipo de diseño web.

Respuestas rápidas sobre los avisos de cookies

¿Qué es un aviso de cookies?

Un aviso que pregunta a quien visita tu web antes de guardar cookies o activar etiquetas que lo siguen, y recuerda su respuesta. Enlaza a tus políticas de privacidad y de cookies y permite cambiar de opinión después.

¿Necesito un aviso de cookies?

Si tu web usa etiquetas que siguen a los visitantes, el aviso es la forma de darles a elegir. En California, una empresa que vende o comparte información personal debe ofrecer un enlace «Do Not Sell or Share My Personal Information».

¿Un aviso de cookies hace más lenta mi web?

Puede. web.dev explica que un script que no es asíncrono bloquea el análisis de la página y retrasa el LCP. También que los avisos suelen mover el contenido y que aceptar puede cargar muchos scripts de terceros a la vez. Cada problema tiene arreglo.

¿Qué es Global Privacy Control?

Un ajuste de algunos navegadores, como Firefox, DuckDuckGo y Brave, o una extensión, que pide a las webs que no vendan ni compartan tus datos. El Fiscal General de California dice que las empresas obligadas deben respetarlo como una solicitud válida.

¿Qué diferencia hay entre el modo de consentimiento básico y el avanzado?

En el modo básico, las etiquetas de Google no cargan hasta que el visitante responde al aviso. En el avanzado cargan con el consentimiento denegado y envían mediciones sin cookies hasta que el visitante acepta.

Fuentes

Consultadas el 4 de noviembre de 2026. web.dev: Prácticas recomendadas para los avisos de cookies. Google: Descripción general del modo de consentimiento. Estado de California, Oficina del Fiscal General, en inglés: California Consumer Privacy Act (CCPA). W3C, en inglés: Understanding Success Criterion 2.4.11: Focus Not Obscured (Minimum). Nuestro caso: el código y los ajustes de nuestro propio aviso, una prueba de 24 visitas y PageSpeed Insights, antes y después del cambio.

Pedro Galindez

Pedro Galindez

Fundador de Feedback Studios, estudio de crecimiento bilingüe en Miami.

Escuchar0:00 /6:31

Más guías

Revisada 4 de noviembre de 2026

Qué es un dominio web y cómo elegir el de tu negocio

Qué es un dominio y sus partes, cómo elegirlo, qué dice Google de las palabras clave y las terminaciones, y cómo prepararlo para más idiomas.

Revisada 4 de noviembre de 2026

Qué es el DNS y cómo funcionan los registros DNS de tu web

Qué hace el DNS, los registros que necesita un negocio (A, CNAME, MX, TXT y NS), cuánto tardan los cambios y cómo cambiar un registro sin riesgos.

Revisada 4 de noviembre de 2026

Navegación con teclado: cómo hacer que tu web funcione sin mouse

Quién navega con el teclado, qué piden las pautas del W3C, cómo probar tu web con Tab y qué encontramos y arreglamos en nuestras páginas.

Revisada 4 de noviembre de 2026

Etiquetas Open Graph: qué son y cómo controlar la vista previa de tus enlaces

Qué hacen las etiquetas Open Graph, las cuatro que necesita cada página, el tamaño y el texto de la imagen, los pasos a seguir y las nuestras.

Revisada 4 de noviembre de 2026

Web caída: cómo comprobarlo y cómo reacciona Google

Cómo saber si tu web está caída para todos, qué hace Google con los errores del servidor, cómo desactivar una web sin riesgos y qué revisar después.

Revisada 4 de noviembre de 2026

Anuncios de WhatsApp: cómo crear anuncios de clic a WhatsApp

Cómo funcionan los anuncios de clic a WhatsApp, los ajustes que aconseja WhatsApp, cómo crear uno y cuándo el chat sale gratis.

Siguiente paso

Cuéntanos qué necesitas

Escríbenos por WhatsApp o envíanos un mensaje. Respondemos en español o en inglés.