¿Sabías que tu sitio de WordPress puede estar configurando cookies en los navegadores de tus visitantes? Diferentes regulaciones, como la GDPR de la Unión Europea, exigen que los sitios web obtengan el consentimiento del usuario antes de configurar cualquier cookie en las computadoras.
La buena noticia es que en WordPress puedes configurar fácilmente el consentimiento de cookies utilizando diferentes plugins. Hemos probado varias herramientas y las hemos implementado en nuestros propios sitios web, y hemos descubierto que las mejores opciones son WPConsent y Cookie Notice.
En este artículo, te mostraremos cómo agregar un aviso emergente de cookies en WordPress.
¿Por qué son necesarios los avisos emergentes de cookies?
Las cookies del navegador son pequeños archivos que contienen datos enviados por un sitio web para almacenarlos en el navegador de un usuario. La mayoría de los sitios web de WordPress configuran cookies para diversos fines.
Por ejemplo, por defecto, WordPress utiliza cookies para fines de autenticación para almacenar información de sesión para los usuarios que han iniciado sesión. También configura una cookie cuando alguien deja un comentario en tu sitio.
Además de estas, los plugins de WordPress también pueden configurar sus propias cookies para almacenar información diferente o reconocer a los visitantes recurrentes.
Puedes aprender cómo tu sitio utiliza las cookies consultando nuestra guía sobre cómo saber si tu sitio web de WordPress utiliza cookies.
Si bien las cookies son extremadamente útiles, también se pueden usar para recopilar información sobre un usuario y compartirla con plataformas de publicidad de terceros.
Por eso, en Europa y algunos otros países, los propietarios de sitios web están obligados a informar a los usuarios sobre su uso de cookies. Si tu sitio web se dirige a audiencias en esas regiones, entonces necesitas mostrar un aviso de consentimiento de cookies.
La forma más fácil de hacerlo es con un plugin de WordPress para GDPR. WPConsent y Cookie Notice son dos de los plugins de notificación de cookies más populares y son compatibles con muchos otros plugins populares de WordPress.
Dicho esto, veamos cómo mostrar fácilmente una ventana emergente de consentimiento de cookies en WordPress.
- Método 1: Agregar una ventana emergente de cookies con WPConsent (Recomendado)
- Método 2: Agregar una ventana emergente de cookies con Cookie Notice
- Extra: Mejora el cumplimiento de GDPR con MonsterInsights
Método 1: Agregar una ventana emergente de cookies con WPConsent (Recomendado)
La mejor manera de agregar una ventana emergente de cookies a tu sitio web de WordPress es usando WPConsent.
WPConsent te permite crear fácilmente ventanas emergentes y banners de consentimiento de cookies personalizados para que coincidan con el diseño de tu sitio web.
Además, a diferencia de la mayoría de los plugins de aviso de cookies que solo muestran advertencias, WPConsent realmente protege la privacidad del usuario al bloquear automáticamente todos los scripts y cookies de seguimiento hasta que los visitantes den su consentimiento. Esto ayuda a garantizar que tu sitio cumpla adecuadamente con la legislación GDPR.
Para obtener más información sobre el plugin, consulta nuestra reseña completa de WPConsent.
Nota: Existe una versión gratuita de WPConsent que puedes usar. Sin embargo, utilizaremos la versión Pro para este tutorial porque viene con funciones más avanzadas.
Para empezar, necesitarás instalar y activar el plugin WPConsent. Si necesitas ayuda, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Una vez que el plugin esté activado, se iniciará el asistente de configuración fácil. Haz clic en el botón ‘Empecemos’ para configurar el plugin en 5 minutos.
Primero, necesitas copiar y pegar tu clave de licencia en el campo ‘Clave de Licencia’ y hacer clic en el botón ‘Verificar Clave’. Puedes encontrar tu clave de licencia en el área de tu cuenta en el sitio web de WPConsent.
Después de que tu clave de licencia haya sido verificada, haz clic en el botón ‘Escanear tu Sitio Web’.
WPConsent escaneará entonces todo tu sitio web en busca de scripts de terceros conocidos, funciones principales y plugins de WordPress que puedan estar utilizando cookies.
Cuando el escaneo termine, WPConsent te notificará cuántos servicios encontró que configuran cookies. Haz clic en el botón ‘OK’ para revisarlos.
Ahora, puedes ver qué servicios están utilizando cookies en tu sitio web. En nuestro sitio de prueba, muestra que los comentarios de WordPress y WPForms están utilizando cookies.
Haz clic en el botón ‘Auto-Configurar Seleccionados’ para importar y configurar automáticamente toda la información de cookies y privacidad para los servicios detectados, incluyendo sus descripciones, duraciones de cookies y URLs de políticas de datos.
Ahora que los datos de las cookies están configurados, puedes elegir el diseño y la posición del popup o banner de cookies que se mostrará en tu sitio web.
Cuando selecciones un diseño, puedes desplazarte hacia abajo en la página para ver una vista previa de cómo se verá.
Desde aquí, puedes hacer clic en ‘Guardar y Completar Configuración’ si estás satisfecho con el diseño del banner de cookies. O, puedes seleccionar ‘Configurar Estilos del Banner Adicionalmente’ para personalizar tu popup de cookies, que es lo que haremos en este tutorial.
Personaliza tu Aviso de Popup de Cookies
Hacer clic en ‘Configurar Estilos del Banner Adicionalmente’ te llevará a la página WPConsent » Diseño del Banner.
Desde aquí, puedes cambiar el estilo de tu popup de cookies, incluyendo el color de fondo, color del texto, tamaño de fuente, tipo de botón, color del botón y más.
No olvides hacer clic en el botón ‘Guardar’ para almacenar los cambios en la configuración de tu estilo.
Luego, puedes hacer clic en la pestaña ‘Contenido’ para personalizar el mensaje del aviso de cookies. También puedes desplazarte hacia abajo en la página para editar el texto del botón, cambiar el orden de los botones y subir un logo o icono.
Cuando estés satisfecho con el diseño, haz clic en el botón ‘Guardar’.
Ahora, puedes visitar tu sitio web de WordPress para ver cómo se ve tu aviso de cookies en acción.
Agrega una Política de Cookies a tu Sitio de WordPress
También deberías agregar una declaración de cookies a la política de privacidad de tu sitio web. Si aún no has creado una página de política de privacidad, puedes seguir nuestra guía sobre cómo crear una página de política de privacidad en WordPress.
WPConsent facilita la creación de una política de cookies. Escanea automáticamente tu sitio web para detectar todas las cookies activas y luego genera una política de cookies detallada que documenta el propósito, la duración y el tipo de cada cookie.
Para configurar la política de cookies, ve a WPConsent » Panel desde tu área de administración de WordPress y haz clic en el botón ‘Configurar’ junto a ‘Política de Cookies’.
Esto te dirigirá a la página de ‘Configuración’ de WPConsent. Desde aquí, desplázate hacia abajo en la página hasta la sección ‘Política de Cookies’.
Puedes seleccionar qué página deseas usar para tu política de cookies desde el menú desplegable. En este tutorial, agregaremos la declaración de cookies a nuestra página de política de privacidad.
También necesitas copiar el shortcode que proporciona WPConsent.
No olvides hacer clic en el botón 'Guardar cambios' en la parte inferior de la página.
A continuación, solo necesitas editar tu página de política de privacidad e insertar el shortcode donde quieras mostrar la declaración de cookies.
Para ver la declaración de cookies, necesitas guardar y previsualizar la página. Así se ven los primeros párrafos en nuestro sitio web de prueba:
Método 2: Agregar una ventana emergente de cookies con Cookie Notice
También puedes agregar un popup de cookies a tu sitio de WordPress con Cookie Notice. Es un plugin gratuito fácil de usar. Sin embargo, no tiene tantas funciones como WPConsent.
Primero, necesitarás instalar y activar el plugin Cookie Notice & Compliance for GDPR / CCPA. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Al activarse, el plugin comenzará a mostrar un aviso básico de cookies a tus visitantes de inmediato sin configuración adicional. El mensaje predeterminado es adecuado para la mayoría de los sitios web.
Si deseas personalizar la notificación, deberás visitar el elemento del menú Cookies en tu panel de WordPress.
Desde aquí, simplemente desplázate hacia abajo hasta la sección Configuración del aviso.
En esta página, puedes personalizar el mensaje del aviso emergente y el texto del botón.
También puedes agregar un enlace a tu página de política de privacidad. Si aún no has creado una, puedes seguir nuestra guía sobre cómo crear una página de política de privacidad en WordPress.
Después de eso, puedes seleccionar esa página del menú desplegable Política de privacidad.
El plugin de cookies de WordPress también ofrece a tus visitantes la opción de rechazar y revocar el consentimiento.
Para hacerlo, simplemente haz clic en las casillas de verificación 'Rechazar consentimiento' y 'Revocar consentimiento'. La configuración predeterminada funcionará para la mayoría de los sitios web.
Si te desplazas hacia abajo hasta la sección Diseño del aviso, puedes elegir la posición, la animación, el estilo del botón y los colores de tu aviso emergente de consentimiento de cookies.
También puedes establecer una clase de botón para agregar CSS personalizado para tu aviso emergente.
Una vez que hayas terminado, haz clic en el botón 'Guardar cambios' al final para almacenar tu configuración.
Ahora puedes visitar tu sitio web para ver tu aviso emergente de consentimiento de cookies en acción.
Extra: Mejora el cumplimiento de GDPR con MonsterInsights
MonsterInsights es la mejor solución de analítica para tu sitio de WordPress. También es la forma más sencilla de mejorar el cumplimiento del RGPD y otras regulaciones de privacidad.
Eso se debe a que MonsterInsights ofrece un complemento de Cumplimiento de la UE que funciona de inmediato. Cambiará automáticamente tu configuración de analítica para ayudarte a cumplir con las leyes de privacidad.
El complemento de cumplimiento de la UE está incluido en el plan premium. Lo mejor es que se integra automáticamente tanto con Cookie Notice como con Cookiebot.
Puedes leer nuestra reseña completa de MonsterInsights para más detalles.
El primer paso es instalar el complemento MonsterInsights y conectarlo a tu cuenta de Google Analytics. Para más información, consulta nuestra guía sobre cómo instalar Google Analytics usando MonsterInsights.
Una vez que MonsterInsights esté instalado y configurado, necesitarás instalar y activar el complemento de Cumplimiento de la UE.
Puedes hacerlo navegando a la página Insights » Addons en tu panel de WordPress. Luego, busca el complemento de Cumplimiento de la UE y haz clic en el botón 'Instalar'.
El complemento se activará automáticamente.
Puedes verificar esto yendo a la página MonsterInsights » Settings y cambiando a la pestaña 'Engagement'.
Cuando mires la sección de Cumplimiento de la UE, verás que el complemento se ha activado.
Si haces clic en la flecha hacia abajo en el lado derecho de la pantalla, podrás ver una lista detallada de los cambios de configuración que el complemento ha realizado en tu sitio web.
Por ejemplo, puedes ver que anonimiza automáticamente las direcciones IP en Google Analytics, deshabilitó los informes demográficos y de intereses, deshabilitó el seguimiento de UserID y mucho más.
A continuación, puedes desplazarte hacia abajo para ver la compatibilidad de MonsterInsights con diferentes plugins de cookies como Cookie Notice y CookieBot.
MonsterInsights cambiará automáticamente el código de seguimiento de Google Analytics si alguno de los plugins está instalado en tu sitio. De esta manera, esperará el consentimiento antes de rastrear a los usuarios en Google Analytics.
Esperamos que este artículo te haya ayudado a agregar un popup de consentimiento de cookies a tu sitio de WordPress. También te puede interesar nuestra guía paso a paso sobre cómo crear una opción de sí/no para WordPress y los mejores plugins de popup para WordPress.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Jiří Vaněk
Tengo un sitio web en la República Checa, que pertenece a la Unión Europea. Inicialmente, estaba perdido con el GDPR y no sabía cómo implementar las reglas en el sitio web. Sin embargo, ahora uso el plugin Complianz – GDPR/CCPA Cookie Consent en todos mis sitios web y estoy absolutamente satisfecho. Maneja no solo el banner de cookies, sino también toda la personalización del sitio web para cumplir con la ley GDPR. Es bueno que existan tales plugins.
kzain
La comparación de Cookie Notice y el plugin Cookie Banner es valiosa para usuarios con diferentes necesidades.
Cookie Notice parece una excelente opción por su facilidad de uso. Si necesitas más control sobre la apariencia del popup o funciones avanzadas, el plugin Cookie Banner con Cookiebot podría ser una buena opción.
Ralph
Gracias a Dios existen plugins para eso. Desearía que todos en internet pudiéramos deshacernos de todas esas cookies, GDPR y otras cosas y reemplazarlas por una sola cosa. Es absurdo cuando visitamos un sitio web nuevo y antes de ver el contenido tenemos que cerrar tantos pop-ups.
Soporte de WPBeginner
Puede ser molesto, pero el GDPR se creó con buenas intenciones, esperemos que haya mejores implementaciones con el tiempo.
Administrador
Chanel Burth
Gracias por el artículo. ¿Este plugin ofrece la opción de aceptar o rechazar?
Soporte de WPBeginner
No lo hace, ya que requeriría interactuar con todo lo que establece una cookie y tener el poder de deshabilitarla, lo cual no es algo que un plugin pueda hacer fácilmente.
Administrador
Elliot Jolesch
Este artículo fue muy útil, pero me pregunto si está un poco desactualizado.
El plugin que recomendaste, GDPR Cookie Consent Banner, no ha sido probado para la última versión de WP y aparentemente no se ha actualizado en 11 meses.
¿Planean actualizar este artículo?
Soporte de WPBeginner
Para la advertencia de no probado, primero deberías seguir nuestra guía a continuación:
https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Nos aseguraremos de revisar este artículo para una futura actualización.
Administrador
Stephanie
Gracias, esto fue de gran ayuda. Una cosa hecha en el sitio en menos de 5 minutos. ¡Increíble!
Soporte de WPBeginner
Glad our guide was helpful
Administrador
Declan Howard
¿Cómo me aseguro de que mi sitio web no envíe cookies a la computadora de un visitante? No necesito hacer esto.
Soporte de WPBeginner
Dependería de las herramientas y complementos que estés utilizando en tu sitio; deberías contactarlos para ver si agregan alguna cookie o no.
Administrador
Deb Smith, Small Details
Siempre podemos contar con WPBeginner para darnos recomendaciones sólidas de complementos. ¡He sido un "principiante" por más de una década, jaja!
Soporte de WPBeginner
Thank you, glad our articles have been helpful
Administrador
Farukh Hussain
Hola,
Gracias por compartir esta útil publicación. Sin embargo, muchos plugins hacen que la carga del sitio sea más lenta. ¿Puedes sugerir algún código para mostrar esta notificación?
Soporte de WPBeginner
Actualmente no tenemos un método fácil para principiantes para agregar esto usando estrictamente código. En cuanto a tu comentario sobre los plugins, también son líneas de código, así que mientras el plugin esté bien codificado, no debería tener un impacto notable en tu sitio en comparación con codificarlo directamente. Te recomendamos que eches un vistazo a nuestro artículo aquí: https://www.wpbeginner.com/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
Administrador
Aurora
¿Puedes recomendar una forma de agregar un consentimiento de cookies sin usar un plugin? Mi sitio ya tiene demasiados plugins.
Sarah A
Hola,
¿Me puedes recomendar un consentimiento de cookies para 'opt in' que sea adecuado para la nueva ley GDPR?
Julia
Hola,
Estoy intentando configurar un sitio web de comercio electrónico y tengo que cumplir con la ley de la UE con respecto al uso de cookies. ¿Cómo puedo averiguar qué cookies está utilizando mi sitio web?
Gracias
Samuel
Hola,
Estoy buscando un cuadro emergente que imite al del sitio web de Gucci, ya que es cuadrado, ¿conoces alguno?
kulbir singh kang
hola yo kulbir singh
tengo un problema en mi sitio web... cuando lo abro, se redirige automáticamente a varios otros sitios... cuando lo abro por segunda vez, funciona correctamente
y si cuando borro la caché y las cookies del navegador (problema en todos los navegadores), entonces voy... el mismo problema se muestra en el sistema
por favor visita mi sitio web... y por favor dime... ¿cuál es la solución a este problema?
¿es este problema de las cookies o no...?
Soporte de WPBeginner
Tu sitio web parece estar infectado con malware. Consulta nuestra guía sobre cómo escanear tu sitio en busca de código malicioso.
Administrador
Maninder Pal Singh
Gracias wpbeginner. Estaba buscando algo exactamente como esto. Plugin ligero con una notificación simple para la política de cookies.
Gracias.
Muhammad Ishfaq
Gracias por la publicación, el plugin funciona perfectamente en todos mis sitios web, incluido el enlace a la página de política.
Eva B
Tiene un error. El enlace a la página de política lleva a una página de error. Verifiqué mi ortografía y busqué en su foro de soporte. Allí vi que otros dejaron la misma solicitud de una solución. Sin respuesta del desarrollador. Este plugin todavía me funciona, pero sin el enlace.
Soporte de WPBeginner
@Eva gracias por notificarnos, también hemos intentado contactar al autor del plugin. Parece que el autor del plugin no tenía la intención de agregar esta funcionalidad. Actualmente, el plugin solo sirve para agregar una notificación simple sin enlace, lo que cumple con el requisito de la ley de cookies en la mayoría de los países de la UE. Sin embargo, debería haber un enlace para que los usuarios puedan leer la política de privacidad.
Administrador
Keith Davis
Se ve bien, muchachos, y el desarrollador dice que es ligero.
Creo que debería estar usando esto.