Menú de documentación
Banner y declaración
Configurar el banner de CookieHug: modelo de consentimiento, vista posterior al consentimiento, enlace de configuración de cookies, interfaz propia y declaración de cookies.
Personalización del banner
Configuración desde el panel
El aspecto del banner es totalmente configurable desde el panel de CookieHug: colores (fondo, texto, botones), posición (abajo, arriba, modal centrado), textos y descripciones, ajustes de tipografía y logotipo.
Modelo de consentimiento (opt-in / opt-out / solo aviso)
En Dominio → Avanzado → Política de consentimiento decides cómo trata el banner a un visitante que aún no ha decidido:
| Modelo | Comportamiento antes de la decisión |
|---|---|
| Opt-in (por defecto) | Sin consentimiento no se ejecuta nada: los scripts no esenciales siguen bloqueados y todas las señales de Google Consent Mode arrancan en denied. Es el modelo correcto para el EEE (RGPD). |
| Opt-out | Se presume el consentimiento: las señales arrancan en granted y los scripts se ejecutan, pero el visitante puede oponerse en cualquier momento. Se usa donde la ley lo permite (p. ej. partes de EE. UU.). |
| Solo aviso | El banner únicamente informa: no hay elección y solo se usan cookies necesarias. La decisión se guarda con method: "notice_only" en la cookie de consentimiento. |
El modelo determina el estado inicial de los interruptores de categoría, los botones que muestra el banner y los valores por defecto de Google Consent Mode. Con las reglas regionales (geo-IP) puedes mantener el opt-in en Europa y servir opt-out o solo aviso en otras regiones del mundo.
Vista del banner tras el consentimiento
Dominio → Avanzado → Política de consentimiento → vista del banner tras el consentimiento controla lo que ve un visitante con una decisión guardada cuando el banner se abre de nuevo:
- Resumen (por defecto, recomendado para el art. 7.3 del RGPD): muestra el identificador del consentimiento, la fecha y el estado de las categorías con dos botones: retirar el consentimiento / cambiar el consentimiento. Retirar debe ser tan fácil como consentir, y esta vista lo reduce a un solo clic.
- Editor: al reabrirlo se va directamente al editor de categorías (el flujo clásico).
- Ninguna: el banner nunca se reabre por su cuenta; los visitantes llegan a él mediante el icono flotante o una llamada a
CookieHug.show().
Interfaz de consentimiento propia
Crea tu propia interfaz de consentimiento con submitCustomConsent():
document.getElementById('my-accept-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(true, true, true);
});
document.getElementById('my-reject-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(false, false, false);
});
document.getElementById('my-save')
.addEventListener('click', function() {
var prefs = document.getElementById('pref-checkbox').checked;
var stats = document.getElementById('stats-checkbox').checked;
var mktg = document.getElementById('mktg-checkbox').checked;
CookieHug.submitCustomConsent(prefs, stats, mktg);
});Declaración de cookies
Insertar la declaración
Para mostrar una tabla con la declaración de cookies en tu web (por ejemplo, en la página «Política de cookies»), añade un <div> con el id cookiehug-declaration:
<div id="cookiehug-declaration"></div>CookieHug rellenará automáticamente ese elemento con una tabla, ordenada por categorías, de todas las cookies encontradas en tu dominio.
Escaneo automático
CookieHug escanea tu web de forma periódica y clasifica las cookies automáticamente. También puedes lanzar un escaneo manual desde el panel.
Gestión manual de cookies
Desde el panel de CookieHug puedes: añadir cookies a mano, editar sus descripciones y categorías, indicar la caducidad y asignar cookies a categorías (necesarias, preferencias, estadísticas, marketing).