Passen Sie das Erscheinungsbild des Cookie-Banners und des Einstellungsfensters an.
Haupt-Banner (Consent Modal)
Einstellungsfenster (Preferences Modal)
Darstellungsmodus (Theme)
Dienste verwalten
Konfigurieren Sie hier die verschiedenen Dienste und Skripte. Dienste, die als "Notwendig (readOnly)" markiert sind, können vom Benutzer nicht deaktiviert werden. Dienste mit dem Label iFM werden über den iFrameManager gesteuert.
Texte anpassen (Sprache: de)
Die hier eingegebenen Texte gelten für die oben im Tab "Allgemein" ausgewählte Standardsprache. HTML ist in den meisten Textfeldern erlaubt.
Haupt-Banner (Consent Modal)
Einstellungsfenster (Preferences Modal)
Sektion: Cookie-Nutzung (erste Sektion)
Sektion: Weitere Informationen (letzte Sektion)
Generierte Konfiguration
Wird automatisch aktualisiert...
Gespeicherte Konfigurationen
Keine Konfigurationen gespeichert oder geladen.
×
×
Möchten Sie diese Aktion wirklich durchführen?
×
Integrationsanleitung
Folgen Sie diesen Schritten, um den Cookie-Banner und ggf. den iFrameManager korrekt in Ihre Webseite zu integrieren:
Schritt 1: CookieConsent CSS
Fügen Sie dies in den <head> Ihrer HTML-Seite ein, um die Styles für den Cookie-Banner zu laden.
Schritt 2: iFrameManager CSS (falls aktiv)
Wenn iFrameManager-Dienste aktiv sind, fügen Sie auch dessen CSS im <head> ein.
Schritt 3: JavaScript-Bibliotheken
Binden Sie diese vorzugsweise am Ende des <body> oder im <head> mit dem defer Attribut ein, bevor Ihr generiertes Konfigurations-Skript (Schritt 4) geladen wird.
CookieConsent JS:
iFrameManager JS (falls aktiv):
Schritt 4: Generiertes Konfigurations-Skript
Dieses Skript enthält Ihre individuelle Konfiguration und initialisiert den Cookie-Banner (und ggf. den iFrameManager). Fügen Sie es nach den Bibliotheken (Schritt 3) ein.
Hinweis: Bitte speichern Sie Ihre Konfiguration zuerst auf dem Server, um eine eindeutige URL für das Konfigurations-Skript zu erhalten. Alternativ können Sie die Konfiguration herunterladen und selbst hosten.
Schritt 5: Ihre Skripte und iFrames anpassen
Damit die Cookie-Zustimmung Ihre Skripte und iFrames verwalten kann, müssen diese oft angepasst werden. Lesen Sie dazu die Dokumentation der CookieConsent und (falls verwendet) iFrameManager Bibliotheken.
Für <script>-Tags:
Ändern Sie type="text/javascript" zu type="text/plain".
Fügen Sie data-cookiecategory="CATEGORY_KEY" hinzu (z.B. analytics).
Für iFrames (mit iFrameManager):
Verwenden Sie einen <div>-Container mit data-service="SERVICE_NAME" (z.B. youtube) und data-id="VIDEO_ID".
Die Cookie-Kategorie wird dann über die CookieConsent-Konfiguration für diesen Dienst gesteuert.
Beispiel für iFrameManager (YouTube):
<!-- Dieses div wird vom iFrameManager verarbeitet -->
<div data-service="youtube" data-id="VIDEO_ID_HIER_EINSETZEN"></div>
<!-- Stellen Sie sicher, dass 'youtube' in Ihrer CookieConsent-Konfiguration
definiert ist und die onAccept/onReject Callbacks
im.acceptService('youtube') / im.rejectService('youtube') aufrufen. -->
Schritt 6: Testen!
Nachdem Sie alle Änderungen vorgenommen haben:
Löschen Sie alle Cookies Ihrer Webseite im Browser.
Laden Sie Ihre Webseite neu. Der Cookie-Banner sollte erscheinen.
Testen Sie verschiedene Einwilligungs-Szenarien.
Überprüfen Sie die Browser-Konsole auf Fehlermeldungen.
Für detailliertere Informationen konsultieren Sie bitte die offiziellen Dokumentationen der verwendeten Bibliotheken.