Iubenda logo
Genera tus documentos

Documentación

Tabla de contenidos

Cookie Solution: guía de integración en Squarespace

A excepción de las categorías exentas de cookies, la Ley de Cookies también exige que obtengas el consentimiento informado y activo de los usuarios antes de almacenar cookies en el dispositivo de un usuario y/o rastrearlos. Los scripts que instalan o que puedan instalar cookies se deben bloquear antes de que se obtenga el consentimiento. Los usuarios deben poder rechazar o retirar su consentimiento y deben estar plenamente informados de qué acciones constituyen consentimiento.

Te sugerimos consultar este artículo para obtener información más detallada sobre cómo cumplir con los requisitos de la Ley de Cookies.

Nuestra Cookie Solution te ayuda a cumplir fácilmente con los requisitos legales, permitiéndote:

  • informar fácilmente a los usuarios a través de un banner de cookies y una página dedicada a la política de cookies (que se vincula automáticamente a tu política de privacidad e incluye todo lo necesario para el cumplimiento de la ley de cookies);
  • obtener y guardar las preferencias de consentimiento de cookies;
  • bloquear de forma preventiva los scripts antes del consentimiento; y
  • realizar un seguimiento del consentimiento y guardar la configuración de consentimiento para cada usuario durante un máximo de 12 meses desde su última visita.

Puedes recopilar el consentimiento a través de distintos mecanismos, incluyendo continuar navegando, desplazarse por la página y/o hacer clic en un enlace. Recuerda, en cualquier caso, que las acciones de consentimiento permitidas pueden variar en función de las leyes de cada Estado miembro.

Configurar la Cookie Solution

El proceso es muy sencillo:

Si ya has integrado tu política de privacidad en tu sitio web de Squarespace (lo que también incluye la política de cookies si la has activado), puedes saltar directamente a “Integrar la Cookie Solution“. En caso contrario, sigue leyendo a continuación.

Crea tu cuenta, ve a tu dashboard > área de tu sitio web/app:

  • haz clic en Generar Ahora en la sección de la Cookie Solution;
  • configura y personaliza la solución como prefieras;
  • integra tu política de cookies; e
  • intégrala en tu sitio web.
Nota

La Cookie Solution requiere que incluyas un enlace a tu política de cookies desde tu banner, tal y como exige la ley. Si tienes la función “política de cookies” activa en tu cuenta de iubenda (como explicamos en esta guía), la Cookie Solution integrará automáticamente tu política de cookies en la solución una vez que selecciones esta opción. De lo contrario, si ya tienes tu propia política de cookies conforme a la ley, puedes insertar tu propio enlace aquí. Sea como sea, recuerda que tener una política de cookies es obligatorio.

Integrar la Cookie Solution en tu sitio web

Para configurar la Cookie Solution de iubenda, debes modificar el HEAD de tu sitio web de Squarespace. Para hacerlo, tienes que hacer clic en Settings > Advanced > Code Injection.

Code Injection es una función premium de Squarespace y está disponible tan solo en los planes Business y Commerce.

En la siguiente pantalla, tienes que copiar y pegar el código de la Cookie Solution de iubenda en la caja de la sección Header.

Puedes encontrar el código de la Cookie Solution aquí: dashboard > [Tu sitio web/app], a continuación Cookie Solution > Integrar.

Squarespace: Cookie Solution
El ID “12345678” es solo un ejemplo; tu siteId y tu cookiePolicyId tendrán sus propios valores.

Ahora, haz clic en Save.

Esto hará que el banner de cookies de iubenda aparezca en la página en la primera visita de cada usuario. El consentimiento del usuario se registrará a través de la actividad de navegación continua del usuario y luego se memorizará para que la Cookie Solution no se reactive en su próxima visita al sitio web.

Squarespace: Cookie Solution

Todas las opciones disponibles para personalizar el estilo y comportamiento del banner de cookies están descritas en esta guía.

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 Squarespace

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 el panel de control de tu cuenta, haz clic en Website y luego en Edit.

A continuación, busqua 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 el icono de Edit para abrir el editor de código.

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.

Más información