Cómo desactivar el widget de privacidad de iubenda y añadir un enlace en el footer

Si quieres eliminar el widget de privacidad de iubenda o sustituirlo por un enlace sencillo en el footer de tu sitio web, en esta guía te explicamos cómo hacerlo paso a paso. Al quitar el widget flotante, ofreces a los usuarios una forma menos intrusiva de gestionar sus preferencias de cookies.

Repasaremos todas las opciones para que tu sitio siga cumpliendo con la normativa de la UE, con leyes de EE. UU. como la CCPA y la CPRA (California) y con los requisitos del Transparency and Consent Framework (TCF). ¡Vamos allá! ⬇️

Ejemplo de widget de privacidad:

Desactivar el widget de privacidad

Para desactivar el widget de privacidad tienes dos opciones principales: modificar el script manualmente o desactivar el widget desde el Configurador de Privacy Controls and Cookie Solution.

💡 Si prefieres no tocar el script a mano, sigue directamente los pasos que encontrarás más abajo para desactivar el widget desde la interfaz de iubenda.

Modificar el script manualmente

Para desactivar el widget de privacidad, sigue estos pasos:

Dentro del script del banner, establece el parámetro floatingPreferencesButtonDisplay en false.

De este modo, el widget dejará de mostrarse en tu sitio web.

Ejemplo:

<script type="text/javascript">
  _iub.csConfiguration = {
    "floatingPreferencesButtonDisplay": false
  };
</script>

Desactivar el widget desde el configurador

Si modificar scripts manualmente te resulta complicado, puedes desactivar el widget fácilmente desde el Configurador de Privacy Controls and Cookie Solution:

• Accede a tu panel de iubenda.
• Ve a la sección Widget de privacidad y haz clic en EDITAR.
• Configura el widget como Manualmente y guarda los cambios.
• Vuelve a integrar el script actualizado en tu sitio web o en el plugin de WordPress de iubenda.

Añadir un enlace en el footer

En lugar del widget predefinido, puedes ofrecer a los usuarios un enlace directo en el footer para volver a abrir y actualizar sus preferencias de consentimiento. Este enlace cumple la misma función que el widget de privacidad, pero de forma más discreta.

Al hacer clic, los usuarios podrán volver a abrir el modal de preferencias de consentimiento y acceder o actualizar sus preferencias de seguimiento. Ten en cuenta que esta opción es obligatoria para la mayoría de las autoridades de protección de datos y debe estar presente en todas las páginas de tu sitio web.

Ejemplo:

Para hacerlo, sigue estos pasos:

• Accede al Configurador de Privacy Controls and Cookie Solution.
• En la sección Widget de privacidad, haz clic en EDITAR y selecciona Manualmente.
• Copia y pega el código en el elemento de tu web que prefieras (por ejemplo, el footer o el header).

Usa la clase iubenda-cs-preferences-link para permitir que los usuarios accedan y actualicen sus preferencias de seguimiento mediante el enlace “Sus opciones de privacidad”.

Usa la clase iubenda-cs-uspr-link para las preferencias de privacidad específicas de EE. UU., como “Aviso en el momento de la recogida”, y cumplir así con normativas como la CCPA o la CPRA.

Para sitios con TCF (Transparency and Consent Framework) activado

Si tienes activado el TCF, el framework de IAB añade automáticamente el widget de privacidad a tu sitio web. Para cumplir con los requisitos del TCF, debes siempre ofrecer a los usuarios la posibilidad de actualizar sus preferencias de cookies. Esto significa que debes añadir manualmente un enlace que lo permita. Este enlace es clave para cumplir con el TCF y garantiza que los usuarios puedan ajustar su consentimiento para el seguimiento publicitario en cualquier momento.

Para cumplir este requisito, añade el siguiente enlace a tu sitio:

<a href="#" class="iubenda-advertising-preferences-link">Actualizar mis preferencias de seguimiento publicitario</a>

Sustituye el "#" de href="#" por la ruta URL correcta que abre el modal de preferencias de consentimiento.

Opciones adicionales para personalizar el widget

Si decides mantener el widget pero quieres cambiar su apariencia o comportamiento, puedes utilizar estas opciones de configuración adicionales:

• Posición: define dónde se mostrará el widget mediante floatingPreferencesButtonDisplay. Valores disponibles: false, true, top-left, top-right, bottom-left, bottom-right (por defecto si se establece en true), anchored-center-left, anchored-center-right, etc.
• Texto del botón: usa floatingPreferencesButtonCaption para cambiar el texto del botón del widget.
• Icono del botón: decide si quieres mostrar el icono con floatingPreferencesButtonIcon (true por defecto).
• Efecto hover: utiliza floatingPreferencesButtonHover para mostrar texto al pasar el cursor.
• Forma del botón: haz el botón redondo configurando floatingPreferencesButtonRound en true.
• Z-index: si hay solapamientos con otros elementos, ajusta el valor mediante floatingPreferencesButtonZIndex.

👉 Para más información, consulta nuestra guía avanzada de Privacy Controls and Cookie Solution.