Questa libreria consente l'integrazione semplificata e centralizzata del Cookie Banner all'interno della pagina web.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/logisticdesign/cookie-banner@1/dist/cookie-banner.min.css">
<script src="https://cdn.jsdelivr.net/gh/logisticdesign/cookie-banner@1/dist/cookie-banner.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
CookieBanner.run();
})
</script>Ad ogni release viene eseguita una richiesta di Purge della cache al servizio CDN. Tuttavia JSDelivr serve i file con un max-age=604800 (7 giorni) pertanto potrebbe essere necessario forzare la cache del browser nel caso in cui non venisse caricato il file aggiornato.
Per forzare la cache da parte del browser è possibile specificare un parametro dinamico nella URL dei file. (Nell'esempio viene utilizzata la variabile "now" di Statamic)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/logisticdesign/cookie-banner@1/dist/cookie-banner.min.css?t={{ now format='YmdHis' }}">
<script src="https://cdn.jsdelivr.net/gh/logisticdesign/cookie-banner@1/dist/cookie-banner.min.js?t={{ now format='YmdHis' }}"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
CookieBanner.run();
})
</script>È possibile personalizzare la configurazione attraverso il metodo setup:
document.addEventListener('DOMContentLoaded', () => {
CookieBanner.setup({
locale: 'it',
policyPath: '/cookie-policy',
cookieConsent: {
type: 'opt-in',
theme: 'classic',
position: 'bottom-left',
ignoreClicksFrom: ['cc-revoke', 'cc-btn', 'cc-link'],
}
}).run();
})locale
Codice lingua da utilizzare per i testi del banner. Di default viene identicato l'attributo lang presente nel tag , es. <html lang="it">
policyPath
Percorso della Cookie Policy
cookieConsent
Parametri per personalizzare il comportamento di CookieConsent. Per il dettaglio dei parametri fare riferimento alla guida ufficiale