Riferimento completo alle API

Nella soluzione TermsFeed Cookie Consent sono disponibili i seguenti livelli. Contrassegna il tuo JavaScript utilizzando uno dei seguenti livelli.

  • strictly-necessary per gli script essenziali.

    Ad esempio, i cookie relativi all'accesso all'account. I cookie strettamente necessari vengono caricati automaticamente e non possono essere disabilitati dall'utente.

    <script type="text/plain" data-cookie-consent="strictly-necessary"></script>

  • functionality per gli script delle funzionalità avanzate.

    Ad esempio, per ricordare le preferenze linguistiche degli utenti o le varie scelte effettuate.

    <script type="text/plain" data-cookie-consent="functionality"></script>

  • tracking per script di fornitori di analisi e prestazioni.

    Ad esempio, strumenti di analisi come Google Analytics.

    <script type="text/plain" data-cookie-consent="tracking"></script>

  • targeting per gli script dei fornitori di servizi di marketing e pubblicità.

    Ad esempio, il remarketing di Google AdSense/AdWords.

    <script type="text/plain" data-cookie-consent="targeting"></script>

Metodi

cookieconsent.run(config)

Inizializza il banner di consenso ai cookie di TermsFeed con la configurazione fornita.

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

cookieconsent.openPreferencesCenter()

Apre la finestra modale del Centro preferenze per consentire agli utenti di modificare il proprio consenso.

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

Opzioni di configurazione

Parametro Tipo Predefinito Valori Descrizione
consent_type Stringa "express" "express", "implied" Tipo di consenso
notice_banner_type Stringa "headline" "simple", "headline", "interstitial", "standalone" Progettazione banner
palette Stringa "light" "light", "dark" Combinazione di colori
language Stringa "en" Vedi cartella i18n Codice lingua
website_name Stringa - Qualsiasi stringa Nome del tuo sito web
website_privacy_policy_url Stringa - URL Link all'Informativa sulla privacy
website_impressum_url Stringa - URL Link all'impressum (facoltativo)
open_preferences_center_selector String "#changePreferences" Selettore CSS ID pulsante
page_load_consent_levels Array - Array di categorie Categorie da caricare all'apertura della pagina
notice_banner_purposes_levels Array Tutte le categorie Array di categorie Categorie da visualizzare
preferences_center_close_button_hide Booleano false true, false Nascondi pulsante Chiudi
notice_banner_reject_button_hide Booleano false true, false Nascondi pulsante di rifiuto
page_refresh_confirmation_buttons Booleano false true, false Aggiorna dopo il consenso
cookie_domain Stringa - Stringa dominio Per il consenso cross-domain
cookie_secure Booleano false true, false Richiedi HTTPS
user_consent_token Stringa - Qualsiasi stringa Token di consenso personalizzato
callbacks Oggetto - Oggetto Callback di evento
callbacks_force Booleano false true, false Esegui i callback sempre
demo Booleano false true, false Modalità demo (senza cookie)
debug Booleano false true, false Registrazione di debug

Callback

Callback Parametri Quando viene attivata
notice_banner_loaded Nessuno Visualizza banner
i_agree_button_clicked Nessuno L'utente clicca su "Accetto"
i_decline_button_clicked Nessuno L'utente clicca su "Non accetto"
change_my_preferences_button_clicked Nessuno L'utente apre le preferenze
scripts_specific_loaded level (Stringa) Caricamento degli script di categoria
user_consent_saved Nessuno Consenso salvato nel cookie

Riferimenti alle classi CSS

Classi 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 { }

Classi CSS del Centro preferenze

/ 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 { }