Vollständige API-Referenz

Die folgenden Ebenen sind in der Cookie-Einwilligungslösung von TermsFeed verfügbar. Versehen Sie Ihr JavaScript mit einem der folgenden Tags.

  • strictly-necessary für unverzichtbare Skripte.

    Beispielsweise Cookies im Zusammenhang mit der Kontoanmeldung. Unbedingt erforderliche Cookies werden automatisch geladen und können vom Benutzer nicht deaktiviert werden.

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

  • functionality für Skripte mit erweiterten Funktionen.

    Beispielsweise zum Speichern der Spracheinstellungen des Benutzers oder verschiedener Auswahlmöglichkeiten.

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

  • tracking für Skripte von Analyse- und Leistungsanbietern.

    Zum Beispiel Analysen wie Google Analytics.

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

  • targeting für Skripte von Marketing- und Werbeanbietern.

    Zum Beispiel Google AdSense/AdWords-Remarketing.

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

Methoden

cookieconsent.run(config)

Initialisiert das TermsFeed-Cookie-Einwilligungsbanner mit der angegebenen Konfiguration.

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

cookieconsent.openPreferencesCenter()

Öffnet das Modalfenster „Einstellungscenter“, in dem Benutzer ihre Einwilligung ändern können.

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

Konfigurationsoptionen

Parameter Typ Standard Werte Beschreibung
consent_type Zeichenkette "express" "express", "implied" Art der Einwilligung
notice_banner_type Zeichenkette "headline" "simple", "headline", "interstitial", "standalone" Banner-Design
palette Zeichenkette "light" "light", "dark" Farbschema
language Zeichenkette "en" Siehe Ordner „i18n“ Sprachcode
website_name Zeichenkette - Beliebige Zeichenfolge Name Ihrer Website
website_privacy_policy_url Zeichenkette - URL Link zur Datenschutzerklärung
website_impressum_url Zeichenkette - URL Link zum Impressum (optional)
open_preferences_center_selector Zeichenkette "#changePreferences" CSS-Selektor Button-ID
page_load_consent_levels Array - Array von Kategorien Kategorien, die beim Laden der Seite geladen werden sollen
notice_banner_purposes_levels Array Alle Kategorien Array von Kategorien Anzuzeigende Kategorien
preferences_center_close_button_hide Boolescher Wert false true, false Schließen-Schaltfläche ausblenden
notice_banner_reject_button_hide Boolesche false true, false Schaltfläche „Ablehnen“ ausblenden
page_refresh_confirmation_buttons Boolescher Wert false true, false Nach Zustimmung aktualisieren
cookie_domain Zeichenkette - Domänen-String Für domänenübergreifende Einwilligung
cookie_secure Boolescher Wert false true, false HTTPS erforderlich
user_consent_token Zeichenkette - Beliebige Zeichenfolge Benutzerdefiniertes Einwilligungstoken
callbacks Objekt - Objekt Ereignis-Callbacks
callbacks_force Boolesche false true, false Callbacks immer auslösen
demo Boolesche false true, false Demo-Modus (keine Cookies)
debug Boolesche Variable false true, false Debug-Protokollierung

Callbacks

Callback Parameter Ausgelöst bei
notice_banner_loaded Keine Banner wird angezeigt
i_agree_button_clicked Keine Der Benutzer klickt auf „Ich stimme zu“
i_decline_button_clicked Keine Der Benutzer klickt auf „Ich lehne ab“
change_my_preferences_button_clicked Keine Der Benutzer öffnet die Einstellungen
scripts_specific_loaded level (Zeichenkette) Kategorieskripte werden geladen
user_consent_saved Keine Einwilligung in Cookie gespeichert

CSS-Klassen-Referenzen

CSS-Klassen für 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 { }

CSS-Klassen für das Einstellungscenter

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