Iubenda logo
Genera tus documentos

Documentación

Tabla de contenidos

Cómo agregar Privacy Controls and Cookie Solution en Ghost

¿Has creado tu sitio web en Ghost y tienes que gestionar las cookies? ¡Te mostraremos cómo hacerlo! Empecemos revisando por qué necesitas una política de cookies y un sistema de gestión de consentimiento de cookies (CMS) y cómo agregar Privacy Controls and Cookie Solution de iubenda en tu sitio web de Ghost.

➜ Salta directamente a Cómo agregar Privacy Controls and Cookie Solution de iubenda en tu sitio web de Ghost.

Sí, la necesitas, y he aquí por qué:

Si tienes usuarios establecidos en la UE y tu sitio web utiliza cookies (¡lo cual es muy probable!), debes gestionar los consentimientos de cookies según lo exigen la Directiva ePrivacy y el RGPD. Esto significa que tendrás que bloquear los scripts de cookies y tecnologías similares hasta que el usuario preste su consentimiento.

Además, para que el consentimiento se considere válido, deberás proporcionar cierta información a través de un banner de cookies y mostrar un enlace a una política de cookies más detallada. Encuentra más detalles aquí.

💡 ¿Tienes que añadir una política de privacidad a tu sitio web de Ghost? Consulta la guía de integración de la política de privacidad en un sitio web creado con Ghost.

💡¿No estás seguro de qué documentos de privacidad necesitas para tu sitio web de Ghost? Realiza este breve quiz para descubrir qué leyes te afectan a ti y a tu empresa.

Una vez que hayas generado Privacy Controls and Cookie Solution con iubenda, puedes seguir estos pasos para integrarla en tu sitio web de Ghost:

Para empezar, primero dirígete a tu dashboard de iubenda, haz clic en [Tu sitio web] > Privacy Controls and Cookie Solution > Integrar.

Cómo agregar Privacy Controls and Cookie Solution en Ghost

Aquí puedes personalizarla y luego copiar tu servicio Privacy Controls and Cookie Solution.

Cómo agregar Privacy Controls and Cookie Solution en Ghost

Ahora, dirígete a tu cuenta de Ghost y, en la parte inferior izquierda, haz clic en el ícono de configuración.

Cómo agregar Privacy Controls and Cookie Solution en Ghost

Una vez que estés en la configuración, desplázate hacia abajo hasta “Advanced” y selecciona code injection.

Cómo agregar Privacy Controls and Cookie Solution en Ghost

Ahora, baja hacia abajo hasta encontrar “Site Header”, pega tu fragmento de código de iubenda en el recuadro de abajo y haz clic en Save en la esquina superior derecha de la pantalla.

Cómo agregar Privacy Controls and Cookie Solution en Ghost

¡Felicidades! ¡Acabas de añadir Privacy Controls and Cookie Solution de iubenda a tu sitio web de Ghost!

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.

💡 Simplifica tu proceso de bloqueo de cookies con el bloqueo automático

¿Sabías que existe una opción más sencilla para el bloqueo previo de cookies y rastreadores? Nuestra función de bloqueo automático automatiza el proceso, lo que te permite ahorrar tiempo y esfuerzo.

Si prefieres etiquetar manualmente tus scripts que instalan o pueden instalar cookies, puedes seguir el siguiente proceso para obtener instrucciones paso a paso y ejemplos prácticos. Sin embargo, te recomendamos encarecidamente que consideres la función de bloqueo automático para optimizar el proceso.

👉 Haz clic aquí para obtener más información sobre el bloqueo automático de cookies y sobre cómo simplificar tu proceso de bloqueo de cookies

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

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 dashboard de Ghost, encuentra 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 theicono 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 Medición, mientras que el botón de Pinterest puede utilizarse para Experiencia (finalidad 3). Las finalidades se agrupan en 5 categorías, cada una de ellas con un identificador (1, 2, 3, 4 y 5):

  • Necesarios (id: 1)
  • Funcionalidad (id: 2)
  • Experiencia (id: 3)
  • Medición (id: 4)
  • Marketing (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 Experiencia (id 3), hemos añadido data-iub-purposes="3" a sus scripts para que Privacy Controls and Cookie Solution pueda identificarlos correctamente para su liberación.

Haz clic en el botón Aceptar o activa el conmutador “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