Iubenda logo
Genera tus documentos

Documentación

Tabla de contenidos

Banner de cookies para sitios web de Wix

Las cookies son archivos de información que los sitios web almacenan en los navegadores de los visitantes. Por lo general, se utilizan para realizar un seguimiento de las preferencias de los usuarios y de las acciones que han realizado en el sitio web.

De acuerdo con la Ley de Cookies, si operas en la UE (o si pudieras tener usuarios de la UE) y estás utilizando cookies en tu web, debes:

  1. proporcionar una política de cookies (se puede hacer agregando una sección sobre las cookies de tu web en tu política de privacidad. Obtén más información sobre cómo crear una política de privacidad y cookies para sitios web de Wix);
  2. mostrar un banner de cookies en la primera visita del usuario;
  3. bloquear las cookies no exentas (por ejemplo, las de Google Analytics) antes de obtener el consentimiento del usuario;
  4. liberar las cookies solo después de que se haya proporcionado el consentimiento informado.

En la guía Las cookies y tu sitio Wix, Wix te invita a agregar una herramienta de terceros para notificar a los visitantes de tu web sobre el uso de cookies, ya que su aplicación Cookie Alert solo avisa a los visitantes de tu web sobre las cookies colocadas en sus navegadores y no aborda todos los requisitos de la Ley de Cookies (como el bloqueo previo).

Cómo agregar el banner de cookies de iubenda en tu sitio web de Wix

Aquí es donde nuestra Cookie Solution te puede ser muy útil: te permite mostrar un banner de cookies completamente personalizable, recopilar el consentimiento de las cookies, implementar el bloqueo previo y mucho más. Es fácil de utilizar, rápida y gratuita hasta 25.000 páginas vistas por mes.

Para instalar la Cookie Solution deberás editar el HEAD de tu web, se trata de una función premium de Wix, solo disponible en su plan de pago.

  1. Genera tu banner de cookies: Configurador del banner de cookies
  2. Copia y pega el fragmento de código resultante antes del final de la etiqueta HEAD de tus páginas (obtén más información sobre cómo integrar código personalizado en Wix) ¡y eso es todo!

Este es un ejemplo de un banner de cookies creado con nuestra Cookie Solution. Recuerda que el aviso de cookies es solo uno de los requisitos: para cumplir plenamente, también debes proporcionar un enlace a una política de cookies precisa y bloquear las cookies que requieren el consentimiento previo.

Pocas categorías de cookies están exentas del requisito de consentimiento. Por lo tanto, tendrás que bloquear la ejecución de scripts hasta que obtengas el consentimiento válido del usuario.

Cómo implementar el bloqueo previo mediante el etiquetado manual en tu sitio web de Wix

El etiquetado manual es el método de bloqueo previo que utilizaremos en el siguiente tutorial. Puedes ver otros métodos aquí.

Para configurar el bloqueo previo, tendrás que hacer algunos pequeños cambios en los scripts de tu web. Pero es sencillo, solo tienes que hacer lo siguiente:

  1. Identifica el script/iframe de cualquier servicio adicional que esté funcionando en tu sitio web (por ejemplo, el botón de seguir de Twitter)
  2. Añade un texto sencillo al código HTML (¡te mostraremos cómo hacerlo a continuación!)
  3. ¡Guárdalo!

En este tutorial, vamos a bloquear el botón de seguir de Twitter.

💡 ¿No estás seguro de qué servicios tienes que bloquear? Si utilizas una política de cookies generada por iubenda, lo más probable es que los servicios listados en tu política de cookies sean los que necesitas modificar ahora.

En tu panel de control de Wix, haz clic en Editar sitio web

Prior blocking checkbox - Flow page

A continuación, abre la pestaña Código de tu página para encontrar el script que necesitas modificar (simplemente busca el servicio que quieres bloquear, en este caso, es el botón de seguir de Twitter) y luego haz clic en Editar código para abrir el editor de código.

Prior blocking checkbox - Flow page
Ahora, vamos a modificar el script. Para ello, vamos a hacer 3 sencillos cambios:
  • añade esta clase: _iub_cs_activate a las etiquetas del script y cambia el atributo “type” de text/javascripttext/plain
  • sustituye el src por data-suppressedsrc o suppressedsrc
  • especifica las categorías de los scripts/iframes con un atributo especial data-iub-purposes separado por comas, por ejemplo data-iub-purposes="2" o data-iub-purposes="2, 3"

Más información sobre categorías y finalidades

Las finalidades son las razones legales para el tratamiento de un tipo concreto de datos del usuario. Las diferentes secuencias de comandos de tu sitio web entrarán en diferentes categorías y servirán para diferentes finalidades. Por ejemplo, Google Analytics puede utilizarse para realizar mediciones, mientras que el botón de Pinterest puede utilizarse para mejorar la experiencia (finalidad 3). Las finalidades se agrupan en 5 categorías, cada una de ellas con un identificador (1, 2, 3, 4 y 5):

  • estrictamente necesario (id: 1)
  • interacciones y funcionalidades básicas (id: 2)
  • mejora de la experiencia (id: 3)
  • medición (id: 4)
  • segmentación y publicidad (id: 5)

Para obtener información más detallada sobre las categorías y las finalidades, consulta nuestra guía aquí.

Tomemos como ejemplo el botón de seguir de Twitter:

Tenemos que 1. Añadir la clase y cambiar el atributo “type”, 2. sustituir el src y 3. especificar las categorías.

Y la estructura del código debe ser así:

Prior blocking checkbox - Flow page
<p>Twitter follow button:</p>

        <!-- please note type="text/plain" class="_iub_cs_activate" data-suppressedsrc="..." (manual tagging) and data-iub-purposes="3" (per-category consent) -->
<a href="https://twitter.com/iubenda" class="twitter-follow-button" data-show-count="false">Follow @iubenda</a>
  <script async type="text/plain" class="_iub_cs_activate" data-suppressedsrc="https://platform.twitter.com/widgets.js" data-iub-purposes="3" charset="utf-8"></script>
Una vez que has realizado los cambios, solo tienes que pulsar guardar y ya está.

¿No estás seguro de que la configuración sea correcta? Consulta el ejemplo y las preguntas frecuentes que aparecen a continuación.

Ejemplo

Este es un ejemplo que muestra todo lo que hemos descrito anteriormente, puedes utilizar este code pen como guía para ver lo que sucede antes y después de bloquear los scripts mediante el etiquetado manual.

(Observa el ejemplo)

Para demostrar la función de bloqueo de cookies, hemos integrado un vídeo de YouTube y un botón de seguir de Twitter:
Follow @iubenda

Ambos scripts están bloqueados mediante el etiquetado manual. Dado que tanto el widget de vídeo de YouTube como el botón de seguir de Twitter forman parte de la finalidad de mejora de la experiencia (id 3), hemos añadido data-iub-purposes="3" a sus scripts para que la Cookie Solution pueda identificarlos correctamente para su liberación.

Haz clic en el botón Aceptar o activa el conmutador “Mejora de la experiencia” para liberar estos scripts (actualiza la página para volver al punto de partida).

¿Cómo puedo saber si he configurado correctamente el bloqueo previo?

Como puedes ver en el ejemplo del code pen, los scripts de Youtube y Twitter no se cargan si no prestas tu consentimiento. (Puedes volver a probar esta función abriendo este enlace (https://codepen.io/iubenda/pen/KKKxmVO/?editors=1000) en modo incógnito en tu navegador).

Después de haberlo guardado, abre tu web en modo incógnito y comprueba si los scripts que has bloqueado mediante el etiquetado manual permanecen bloqueados hasta que prestes tu consentimiento.

Consulta este artículo si quieres saber cómo bloquear las cookies antes del consentimiento utilizando otras opciones disponibles. ➔ Echa un vistazo al Google Consent Mode como alternativa al bloqueo previo, Google Tag Manager para simplificar el bloqueo de cookies o al Marco de Transparencia y Consentimiento de IAB y cómo habilitarlo.

Gestiona el consentimiento de cookies para tu sitio web de Wix

Fácil de utilizar, rápida y gratuita hasta 25.000 páginas vistas por mes

Genera un banner de cookies

Más información