Añade tus Scripts de JavaScript
Generar y Descargar el Código del Banner de Cookies
Descarga e incluye el código en tu proyecto. Asegúrate de haber importado jQuery. Después de importar los scripts/estilos, inicializa Cookie Notice
<!-- Import the styles & scripts -->
<script src="cookiebanner.script.js"></script>
<link rel="stylesheet" href="cookiebanner.style.css">
<!-- Initialize Cookie Notice -->
<script>
$(document).ready(function() {
cookiebanner.init();
});
</script>
Guía práctica: Uso del generador gratuito de banners de cookies
Crear un sitio web amigable y conforme con la ley implica navegar por el complejo panorama de las leyes de privacidad digital, como el RGPD en Europa o la CCPA en California. Uno de los primeros pasos hacia el cumplimiento es informar adecuadamente a sus visitantes sobre el uso de cookies en su sitio. Esto no solo fomenta la transparencia sino que también construye confianza entre usted y sus usuarios. Para ayudar en este esfuerzo, un generador de banners de cookies se convierte en una herramienta invaluable, permitiendo a los propietarios de sitios web crear y gestionar fácilmente las notificaciones de consentimiento de cookies.
Esta guía está diseñada para guiarlo a través del proceso de uso de una herramienta de generador de banners de cookies, desde seleccionar temas y colores que coincidan con la estética de su sitio web hasta personalizar el texto y los ajustes para alinearlos con sus políticas de privacidad. Siguiendo estos pasos, puede asegurarse de que su sitio web no solo cumpla con las regulaciones de privacidad, sino que también mejore la experiencia del usuario al proporcionar opciones claras con respecto a las preferencias de cookies. Ya sea que sea un desarrollador web experimentado o un pequeño empresario con conocimientos técnicos mínimos, esta guía tiene como objetivo simplificar la tarea de gestión del consentimiento de cookies, haciéndola accesible para todos.
Paso 1: Personalización del Diseño: Tema y Paleta
En el primer paso para personalizar su banner de cookies, comenzará seleccionando el tema y los colores que mejor se adapten al diseño de su sitio web.
- Elija un color para los botones y enlaces. Este debería complementar el esquema de colores de su sitio web.
- Defina el color del texto para garantizar la legibilidad contra el fondo del banner.
- Establezca el color de fondo para una clara visibilidad del texto.
Paso 2: Visibilidad y controles de interfaz de usuario
Ajuste qué elementos son visibles en su banner:
- Active esto para mostrar u ocultar el botón de configuración.
- Decida si se muestra el icono de cerrar, permitiendo a los usuarios descartar fácilmente el banner.
- Elija mostrar una opción de 'Rechazar' para los usuarios.
Paso 3: Configuración del Layout: Ubicación y Tamaño
Configure la ubicación y el tamaño del banner:
- Seleccione dónde aparecerá el banner en su pantalla (Arriba, Abajo, Izquierda, Derecha).
- Decida si el banner debe extenderse a lo largo de todo el ancho de la pantalla (aplicable para las posiciones Arriba o Abajo).
Paso 4: Personalización del Contenido: Texto y Mensajería
Personaliza el texto mostrado en tu banner:
- Introduce un título conciso y un mensaje explicando el uso de cookies.
- Especifica la etiqueta para el enlace de tu política de privacidad y proporciona la URL.
- Personaliza la etiqueta del botón de aceptación.
- Personaliza la etiqueta del botón de rechazo.
Paso 5: Interfaz de Preferencias: Organización de Categorías de Cookies
Etiqueta las diferentes secciones dentro de tu menú de configuración de cookies:
- Establece el texto de visualización para los Ajustes de Preferencias, Cookies Necesarias, Preferencias, Marketing, Analíticas
Paso 6: Integración de Scripts: Gestión de la Carga Basada en el Consentimiento
Añade scripts que requieren el consentimiento del usuario antes de la carga:
- Nombra tu script y especifica su tipo (Necesario, Preferencias, Marketing, Analíticas).
- Inserta el código JavaScript que debe ejecutarse basado en el consentimiento del usuario.
Paso 7: Generación de Código: Exportar e Implementar Tu Banner
Una vez que todas las configuraciones estén listas:
- Haz clic en el botón 'Descargar' para generar el código de tu banner de cookies.
- Importa los scripts generados cookiebanner.script.js y cookiebanner.style.css a tu proyecto.
- Asegúrate de que jQuery esté importado en tu proyecto.
- Inicializa el banner de cookies añadiendo el script proporcionado al HTML de tu sitio web.