Volledige API-referentie

Cookiecategorieën

De volgende niveaus zijn beschikbaar in de TermsFeed-oplossing voor cookietoestemming. Voorzie uw JavaScript van tags met behulp van een van de volgende niveaus.

  • strictly-necessary voor essentiële scripts.

    Bijvoorbeeld cookies die betrekking hebben op het inloggen op een account. Strikt noodzakelijke cookies worden automatisch geladen en kunnen niet door de gebruiker worden uitgeschakeld.

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

  • functionality voor scripts met verbeterde functies.

    Bijvoorbeeld om de taalvoorkeuren van gebruikers te onthouden of om verschillende keuzes te onthouden.

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

  • tracking voor scripts van analyse- en prestatieproviders.

    Bijvoorbeeld voor analyses zoals Google Analytics.

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

  • targeting voor scripts van marketing- en advertentieproviders.

    Bijvoorbeeld Google AdSense/AdWords-remarketing.

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

Methoden

cookieconsent.run(config)

Initialiseert de TermsFeed Cookie Consent-banner met de opgegeven configuratie.

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

cookieconsent.openPreferencesCenter()

Opent het modaalvenster 'Voorkeuren' zodat gebruikers hun toestemming kunnen wijzigen.

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

Configuratieopties

Parameter Type Standaard Waarden Beschrijving
consent_type Tekst "express" "express", "implied" Type toestemming
notice_banner_type String "headline" "simple", "headline", "interstitial", "standalone" Bannerontwerp
palette Tekst "light" "light", "dark" Kleurenschema
language String "en" Zie map i18n Taalcode
website_name String - Willekeurige tekenreeks De naam van uw website
website_privacy_policy_url Tekst - URL Link naar privacybeleid
website_impressum_url String - URL Link naar Impressum (optioneel)
open_preferences_center_selector String "#changePreferences" CSS-selector Knop-ID
page_load_consent_levels Array - Array van categorieën Categorieën die bij het laden van de pagina moeten worden geladen
notice_banner_purposes_levels Array Alle categorieën Array van categorieën Categorieën weergeven
preferences_center_close_button_hide Booleaanse waarde false true, false Sluitknop verbergen
notice_banner_reject_button_hide Boolean false true, false Verberg afwijzingsknop
page_refresh_confirmation_buttons Boolean false true, false Vernieuwen na toestemming
cookie_domain String - Domeinreeks Voor toestemming tussen domeinen
cookie_secure Booleaanse waarde false true, false HTTPS vereist
user_consent_token String - Willekeurige tekenreeks Aangepast toestemmings-token
callbacks Object - Object Callbacks voor gebeurtenissen
callbacks_force Boolean false true, false Callbacks altijd activeren
demo Boolean false true, false Demomodus (geen cookies)
debug Boolean false true, false Foutlogging

Callbacks

Callback Parameters Wanneer geactiveerd
notice_banner_loaded Geen Banner wordt weergegeven
i_agree_button_clicked Geen Gebruiker klikt op "Ik ga akkoord"
i_decline_button_clicked Geen Gebruiker klikt op "Ik wijs af"
change_my_preferences_button_clicked Geen Gebruiker opent voorkeuren
scripts_specific_loaded level (tekenreeks) Categorie-scripts worden geladen
user_consent_saved Geen Toestemming opgeslagen in cookie

CSS-klassenverwijzingen

CSS-klassen voor banners

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

Voorkeurencentrum CSS-klassen

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