Referencia de la API - Consentimiento sobre el uso de cookies

Referencia completa de la API

Categorías de cookies

Los siguientes niveles están disponibles en la solución de consentimiento de cookies de TermsFeed. Etiqueta tu JavaScript utilizando cualquiera de los siguientes niveles.

strictly-necessary para scripts esenciales.

Por ejemplo, cookies relacionadas con el inicio de sesión en la cuenta. Las cookies estrictamente necesarias se cargan automáticamente y el usuario no puede desactivarlas.
```
<script type="text/plain" data-cookie-consent="strictly-necessary"></script>
```
functionality para scripts de funciones mejoradas.

Por ejemplo, recordar las preferencias de idioma de los usuarios o recordar diversas opciones.
```
<script type="text/plain" data-cookie-consent="functionality"></script>
```
tracking para scripts de proveedores de análisis y rendimiento.

Por ejemplo, herramientas de análisis como Google Analytics.
```
<script type="text/plain" data-cookie-consent="tracking"></script>
```
targeting para scripts de proveedores de marketing y publicidad.

Por ejemplo, el remarketing de Google AdSense/AdWords.
```
<script type="text/plain" data-cookie-consent="targeting"></script>
```

Métodos

cookieconsent.run(config)

Inicializa el banner de consentimiento de cookies de TermsFeed con la configuración proporcionada.

cookieconsent.run({
    "consent_type": "express",
    "website_name": "My Website",
    // ... other options
});

cookieconsent.openPreferencesCenter()

Abre la ventana modal del Centro de preferencias para que los usuarios puedan cambiar su consentimiento.

// Example usage:
document.getElementById('settingsButton').addEventListener('click', function() {
    cookieconsent.openPreferencesCenter();
});

Opciones de configuración

Parámetro	Tipo	Predeterminado	Valores	Descripción
`consent_type`	Cadena	`"express"`	`"express"`, `"implied"`	Tipo de consentimiento
`notice_banner_type`	Cadena	`"headline"`	`"simple"`, `"headline"`, `"interstitial"`, `"standalone"`	Diseño del banner
`palette`	Cadena	`"light"`	`"light"`, `"dark"`	Esquema de colores
`language`	Cadena	`"en"`	Ver carpeta i18n	Código de idioma
`website_name`	Cadena	-	Cualquier cadena	El nombre de tu sitio web
`website_privacy_policy_url`	Cadena	-	URL	Enlace a la política de privacidad
`website_impressum_url`	Cadena	-	URL	Enlace al aviso legal (opcional)
`open_preferences_center_selector`	Cadena	`"#changePreferences"`	Selector CSS	ID del botón
`page_load_consent_levels`	Matriz	-	Matriz de categorías	Categorías que se cargarán al cargar la página
`notice_banner_purposes_levels`	Matriz	Todas las categorías	Matriz de categorías	Categorías que se mostrarán
`preferences_center_close_button_hide`	Booleano	`false`	`true`, `false`	Ocultar botón de cierre
`notice_banner_reject_button_hide`	Booleano	`false`	`true`, `false`	Ocultar botón de rechazar
`page_refresh_confirmation_buttons`	Booleano	`false`	`true`, `false`	Actualizar tras el consentimiento
`cookie_domain`	Cadena	-	Cadena de dominio	Para el consentimiento entre dominios
`cookie_secure`	Booleano	`false`	`true`, `false`	Requerir HTTPS
`user_consent_token`	Cadena	-	Cualquier cadena	Token de consentimiento personalizado
`callbacks`	Objeto	-	Objeto	Llamadas de retorno de eventos
`callbacks_force`	Booleano	`false`	`true`, `false`	Activar las devoluciones de llamada siempre
`demo`	Booleano	`false`	`true`, `false`	Modo de demostración (sin cookies)
`debug`	Booleano	`false`	`true`, `false`	Registro de depuración

Llamadas de retorno

Retorno de llamada	Parámetros	Cuándo se activa
`notice_banner_loaded`	Ninguno	Se muestra el banner
`i_agree_button_clicked`	Ninguno	El usuario hace clic en «Acepto»
`i_decline_button_clicked`	Ninguno	El usuario hace clic en «No acepto»
`change_my_preferences_button_clicked`	Ninguno	El usuario abre las preferencias
`scripts_specific_loaded`	`level` (Cadena)	Se cargan los scripts de categoría
`user_consent_saved`	Ninguna	Consentimiento guardado en cookie

Referencias a clases CSS

Clases CSS del banner

/ Main banner container /
.termsfeed-com---nb { }

/ Banner title /
.termsfeed-com---nb .cc-nb-title { }

/ Banner text content /
.termsfeed-com---nb .cc-nb-text { }

/ Button container /
.termsfeed-com---nb .cc-nb-buttons { }

/ Accept button /
.termsfeed-com---nb .cc-nb-okagree { }

/ Reject button /
.termsfeed-com---nb .cc-nb-reject { }

/ Preferences button /
.termsfeed-com---nb .cc-nb-changep { }

Clases CSS del Centro de preferencias

/ Overlay /
.termsfeed-com---pc-overlay { }

/ Dialog container /
.termsfeed-com---pc-dialog { }

/ Tab navigation /
.termsfeed-com---pc .cc-pc-head-tab { }

/ Active tab /
.termsfeed-com---pc .cc-pc-head-tab-link.cc-active { }

/ Tab content /
.termsfeed-com---pc .cc-pc-content { }

/ Category toggle /
.termsfeed-com---pc .cc-pc-category-toggle { }