Cómo agregar un banner de cookies a su sitio web: No se requiere código (¡con plantillas!)

Publicado: 2018-10-02

Probablemente haya notado cómo parece que todos los sitios web que visita hoy en día incluyen alguna notificación sobre el uso de cookies. Ahora quizás se esté preguntando ... ¿mi sitio necesita uno de esos avisos de consentimiento de cookies? Y si es así, ¿cómo puedo crear un banner de cookies para mi sitio?

La respuesta a la primera pregunta es "probablemente". Y en cuanto a la segunda pregunta, ¡de eso se trata esta publicación!

En el resto de esta publicación, obtendrá una introducción rápida sobre si su sitio realmente necesita o no un banner de consentimiento de cookies. Luego, compartiremos un tutorial paso a paso sobre cómo puede usar Getsitecontrol para crear un banner de consentimiento de cookies para su sitio sin necesidad de tener ningún conocimiento especial.


Plantilla de banner de consentimiento de cookies impulsada por Getsitecontrol Ver vista previa en vivo →

¿Qué tipo de sitios web necesitan un banner de cookies?

Si su sitio web recibe visitantes de la Unión Europea, probablemente necesite un banner de consentimiento de cookies si desea mantenerse en el lado bueno de las regulaciones de la Unión Europea.

Adoptado originalmente en 2011 y ampliado con el GDPR en 2018, las reglas de la Unión Europea sobre cookies esencialmente requieren que usted obtenga un "consentimiento claro e informado" de los visitantes para poder usar cookies que rastrean los datos del usuario.

Técnicamente, no todos los sitios web, pero con la popularidad de herramientas como Google Analytics, Facebook Pixel, botones para compartir en las redes sociales y otros, existe una gran posibilidad de que su sitio web utilice al menos algunas cookies de seguimiento.

Entonces, en la práctica , la mayoría de los sitios que reciben visitantes de la Unión Europea necesitan un banner de consentimiento de cookies. Y en este mundo global, eso es la mayoría de los sitios, punto.

En pocas palabras ... ¡probablemente necesite un banner de consentimiento de cookies si desea cumplir con las regulaciones de la Unión Europea!

Esto es lo que debe incluir en su notificación de consentimiento de cookies

El propósito de un banner de cookies es obtener el consentimiento informado para usar cookies antes de que los visitantes comiencen a usar su sitio.

Entonces necesitas:

  • Muestre el banner de consentimiento de cookies inmediatamente después de la primera visita de un usuario.
  • Reciba el consentimiento informado de los visitantes para utilizar cookies. Por lo general, esto se hace mediante un vínculo a su política de privacidad / cookies, así como a un botón que indica su consentimiento.

Tres excelentes ejemplos de banners de cookies en acción (¡aprenderá a recrear todos estos!)

Ok, entonces necesitas un banner de cookies. Ahora, ¿dónde lo pones?

Puede colocar su banner de cookies donde desee, siempre que sea lo suficientemente visible para atraer la atención de los lectores y obtener el consentimiento informado.

Comencemos con algunos ejemplos y luego le mostraremos cómo puede duplicar cualquiera de estos ejemplos en su propio sitio sin necesidad de escribir una sola línea de código.

1. El banner de consentimiento de cookies de la barra inferior

The Vinyl Factory utiliza una barra inferior minimalista para su consentimiento de cookies:

The Vinyl Factory utiliza un banner inferior para mostrar su mensaje de consentimiento de cookies

2. El banner de consentimiento de cookies de la barra superior

ASI, Advertising Specialty Institute cambia las cosas moviendo el banner de cookies a la parte superior de la página:

El ASI ha colocado su banner de cookies en la parte superior de una página.

3. El banner de consentimiento de cookies deslizable

INUSUAL opta por mostrar el banner de consentimiento de cookies como una diapositiva en la esquina inferior izquierda (podría cambiarlo fácilmente a la derecha):

INUSUAL utiliza una diapositiva para mostrar su banner de cookies

Agregue estos banners de cookies con un par de clics

Si le gusta alguno de estos ejemplos, puede agregarlos directamente a su sitio web en unos minutos. Consulte la galería de banners de consentimiento de cookies a continuación y haga clic en los botones "Ver vista previa en vivo" para verlos en acción. Luego, seleccione el que desea colocar en su sitio web y, mientras se encuentra en el modo de vista previa en vivo, siga breves instrucciones paso a paso.

Barra flotante

Plantilla de banner de política de cookies: barra inferior flotante Ver vista previa en vivo →

Bar minimalista

plantilla de banner - barra inferior flotante Ver vista previa en vivo →

Barra pegajosa

Plantilla de mensaje de consentimiento de cookies - barra adhesiva Ver vista previa en vivo →

Deslizamiento minimalista

Deslizar con un mensaje de consentimiento de cookies Ver vista previa en vivo →

Deslizar con imagen

Plantilla de banner de cookies. deslizable con imagen Ver vista previa en vivo →

¿Quiere crear su propio banner? Usted puede hacer eso también. Siga la guía paso a paso para crear un banner de cookies a continuación.

Cómo crear su propio banner de cookies sin escribir una sola línea de código

Ahora, la parte divertida: cómo puede crear un banner de consentimiento de cookies como esos ejemplos para su propio sitio web .

Las cuatro plantillas anteriores funcionan con Getsitecontrol, que es una herramienta que le permite agregar múltiples ventanas emergentes a su sitio web. Los widgets pueden ser botones de contacto flotantes, ventanas emergentes de correo electrónico, formularios de comentarios en línea o, lo adivinó, pancartas de consentimiento de cookies .

Usando una interfaz simple, podrá personalizar el banner de sus cookies:

  • Colocación
    Incluyendo todos los ejemplos anteriores, y más
  • Texto
    Incluyendo una opción para vincular a su política de privacidad
  • Botón
    Tanto el texto como el color de tu botón
  • Colores
    Para que coincida con el diseño de su sitio

Y también incluye un modo de respuesta especial que se asegura de que su aviso de consentimiento de cookies también funcione muy bien para los visitantes móviles. A continuación, se explica cómo utilizar Getsitecontrol para crear una notificación de consentimiento de cookies ...

Paso 1: agregue Getsitecontrol a su sitio web

Si bien hará la mayor parte del trabajo en la interfaz web de Getsitecontrol, primero deberá agregar Getsitecontrol a su sitio web para que pueda mostrar su banner de consentimiento de cookies una vez que lo publique.

Para hacer eso, deberá crear una cuenta de Getsitecontrol. Luego, deberá agregar el fragmento de código de Getsitecontrol a su sitio. Si está utilizando WordPress, la forma más sencilla de agregar el fragmento es a través del complemento oficial de Getsitecontrol. Se encargará de la integración por usted. Para otros sitios, deberá agregar manualmente el código antes de la etiqueta de cierre </body> en su sitio.

Si no está seguro de cómo hacer esto, la documentación de Getsitecontrol tiene tutoriales detallados para las plataformas más populares, que incluyen:

  • Shopify
  • Joomla
  • Espacio cuadrado

Una vez que termine el proceso, puede usar el Botón de instalación de código en su panel de control de Getsitecontrol para verificar que el código esté funcionando:

Código de instalación de Getsitecontrol

¡Ahora está listo para crear su notificación de consentimiento de cookies real!

Paso 2: seleccione una plantilla de la galería

La forma más rápida de agregar una notificación de consentimiento de cookies a su sitio web es comenzar con una plantilla. Inicie sesión en su panel de control de Getsitecontrol y haga clic en el + Crear widget en el panel de control de Getsitecontrol y luego vaya al Galería de plantillas .

galería de plantillas de banner de cookies

Tenga en cuenta que las plantillas de banner de cookies en la galería ya incluyen texto genérico, sin embargo, tenga en cuenta que podrá modificar tanto la copia como el diseño si lo desea.

Cuando esté listo, seleccione la plantilla que le guste y siga las indicaciones en el lado derecho para agregarla a su tablero de Getsitecontrol.

Paso 3: cambia tu tema de color (opcional)

Las plantillas están disponibles en dos temas de color predeterminados: blanco y negro. Sin embargo, si desea que los colores de su banner de consentimiento coincidan con el resto de su sitio, puede hacerlo usando la configuración del tema. Getsitecontrol le permite establecer los colores para:

  • Fondo
  • Botón
  • Texto regular
  • Botón de texto

Getsitecontrol le permite cambiar el tema de color de su banner de cookies

También puede agregar una imagen de la galería o cargar una desde su computadora.

Paso 4: agregue su contenido

Ahora que ya ha resuelto el estilo y la ubicación de su banner de consentimiento, es hora de ajustar el mensaje de consentimiento a sus visitantes. Ya se incluye un texto genérico, pero puede editarlo a su discreción. Además, deberá agregar un enlace a su política de cookies.

Para configurar el contenido de su banner, abra el menú de edición de texto.

No hay ningún requisito para el texto exacto que usa, pero nuevamente, el objetivo aquí es obtener un "consentimiento claro e informado". Entonces, aquí hay una copia alternativa que puede usar:

  • Título : este sitio web utiliza cookies
  • Descripción : al continuar utilizando nuestro sitio, comprende que utilizamos cookies para mejorar su experiencia y recopilar datos analíticos. Obtenga más información en nuestra Política de privacidad.
  • Texto del botón : estoy de acuerdo

Cambie la copia en su banner de cookies usando un editor de texto intuitivo

Puede ver cómo se verá su texto para los visitantes móviles si cambia al modo móvil debajo de la ventana de vista previa.

Paso 5: Controle cuándo aparece su aviso de consentimiento de cookies

Para evitar molestar a los visitantes mientras se mueven por su sitio, debe asegurarse de que su aviso de consentimiento de cookies deje de aparecer después de que un visitante haga clic en estoy de acuerdo botón. Para hacer eso, puede usar el Orientación pestaña.

Ve a la Deténgase para mostrar el widget menú y seleccione + Agregar condición . Entonces escoge Cierre .

Establezca la configuración de orientación adecuada para asegurarse de que quienes hayan aceptado su política de cookies no vuelvan a ver el banner.

En este caso, el "cierre" es el visitante que hace clic en el botón para dar su consentimiento para el uso de cookies. No es necesario cambiar ninguna otra configuración en el Orientación pestaña.

Paso 6: active su banner de consentimiento de cookies

¡Ya casi has terminado! Todo lo que necesita hacer para que su aviso de consentimiento de cookies esté activo es hacer clic en el Guardar cerrar en la esquina superior derecha para terminar de configurar el banner.

Luego, elija la opción para Activar ahora como lo sugiere la aplicación:

Banner de cookies activado

Una vez que lo haga, los visitantes deberían comenzar a ver el aviso de consentimiento de cookies. Y una vez que hagan clic en el botón para aceptar el uso de cookies, ya no verán el banner de cookies.

Agregar un aviso de consentimiento de cookies no tiene por qué ser difícil

Mantener su sitio web en el lado bueno de la ley de consentimiento de cookies no es algo para lo que necesite un desarrollador. Al utilizar Getsitecontrol y los principios descritos en esta publicación, puede configurar su propio banner de consentimiento de cookies personalizable sin necesidad de escribir una sola línea de código.

Colin Newcomer es un escritor independiente con experiencia en SEO y marketing de afiliación. Ayuda a los clientes a aumentar la visibilidad de su web escribiendo principalmente sobre WordPress y marketing digital.

Está leyendo el blog de Getsitecontrol, donde los expertos en marketing comparten tácticas probadas para hacer crecer su negocio en línea. Este artículo es parte de la sección de participación del cliente.

Suscríbase a nuestro boletín → Ilustración principal de Icons8