Cómo agregar un banner de cookies a su sitio web: No se requiere código (¡con plantillas!)
Publicado: 2018-10-02Probablemente 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.
¿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!
Crear cuenta de Getsitecontrol
¿Busca una manera fácil de agregar un banner de cookies a su sitio web?
Te llevará 5 minutos. Regístrese ahora, no se requiere tarjeta de crédito.
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:
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:
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):
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
Bar minimalista
Barra pegajosa
Deslizamiento minimalista
Deslizar con imagen
¿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:
¡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 .
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
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
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 .
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:
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.
Crear cuenta de Getsitecontrol
¿Busca una manera fácil de agregar un banner de cookies a su sitio web?
Te llevará 5 minutos. Regístrese ahora, no se requiere tarjeta de crédito.
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