Fullständig API-referens

Följande nivåer finns tillgängliga i TermsFeeds lösning för samtycke till cookies. Märk ditt JavaScript med någon av följande nivåer.

  • strictly-necessary för nödvändiga skript.

    Till exempel cookies relaterade till inloggning på kontot. Strikt nödvändiga cookies laddas automatiskt och kan inte inaktiveras av användaren.

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

  • functionality för skript med utökade funktioner.

    Till exempel för att komma ihåg användarnas språkinställningar eller olika val.

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

  • tracking för skript från leverantörer av analys- och prestandatjänster.

    Till exempel analysverktyg som Google Analytics.

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

  • targeting för skript från leverantörer av marknadsföring och annonsering.

    Till exempel Google AdSense/AdWords-remarketing.

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

Metoder

cookieconsent.run(config)

Initialiserar TermsFeed Cookie Consent-bannern med den angivna konfigurationen.

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

cookieconsent.openPreferencesCenter()

Öppnar modalfönstret Preferences Center där användarna kan ändra sitt samtycke.

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

Konfigurationsalternativ

Parameter Typ Standard Värden Beskrivning
consent_type Sträng "express" "express", "implied" Typ av samtycke
notice_banner_type Sträng "headline" "simple", "headline", "interstitial", "standalone" Bannerdesign
palette Sträng "light" "light", "dark" Färgschema
language Sträng "en" Se mappen i18n Språkkod
website_name Sträng - Valfri sträng Namnet på din webbplats
website_privacy_policy_url Sträng - URL Länk till integritetspolicy
website_impressum_url Sträng - URL Länk till impressum (valfritt)
open_preferences_center_selector Sträng "#changePreferences" CSS-selektor Knapp-ID
page_load_consent_levels Array - Array av kategorier Kategorier som ska laddas när sidan laddas
notice_banner_purposes_levels Array Alla kategorier Array av kategorier Kategorier att visa
preferences_center_close_button_hide Boolesk false true, false Dölj stängningsknappen
notice_banner_reject_button_hide Boolesk false true, false Dölj avvisningsknappen
page_refresh_confirmation_buttons Boolesk false true, false Uppdatera efter samtycke
cookie_domain Sträng - Domänsträng För samtycke över flera domäner
cookie_secure Boolesk false true, false Kräver HTTPS
user_consent_token Sträng - Valfri sträng Anpassad samtyckestoken
callbacks Objekt - Objekt Händelseåterkopplingar
callbacks_force Boolesk false true, false Avfyra återanrop alltid
demo Boolesk false true, false Demoläge (inga cookies)
debug Boolesk false true, false Felsökningsloggning

Återanrop

Återanrop Parametrar När den utlöses
notice_banner_loaded Ingen Banner visas
i_agree_button_clicked Ingen Användaren klickar på "Jag godkänner"
i_decline_button_clicked Ingen Användaren klickar på "Jag avböjer"
change_my_preferences_button_clicked Ingen Användaren öppnar inställningarna
scripts_specific_loaded level (Sträng) Kategoriskript laddas
user_consent_saved Ingen Samtycke sparat i cookie

Referenser till CSS-klasser

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

Inställningscenter CSS-klasser

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