Direkt zum Hauptinhalt

Benutzerdefinierte Gestaltung

Es gibt die Möglichkeit, den Cookie & Consent Banner in zwei Varianten anzeigen zu lassen (einfache Ansicht und kompakte Ansicht).

Die einfache Ansicht stellt auf der ersten Ebene die Consent-Kategorien und zwei Buttons zum Akzeptieren oder Ablehnen und einen Link zu den benutzerdefinierten Cookieeinstellungen dar. Der Link führt zu einer erweiterten Ansicht, auf dem die Details der Consent-Elemente nachgelesen und konfiguriert werden können.

Die Kompaktansicht ist eine alternative Darstellungsweise und vereint beide Ebenen in eleganter Form. Die Consent-Elemente sind hier über ein Dropdown erreichbar.

Einfache Ansicht

grafik.png

Kompaktansicht

grafik.png

In der kompakten Ansicht können erweiterte, designspezifische Anpassungen vorgenommen werden. Es kann z.B. die  Positionierung des Banners angepasst werden, sowie diverse Farb- und Formgebungen. Für die Auswahl der Kompaktansicht muss der Schieberegler auf "Ja" stehen.

grafik.png

Wenn Sie die Kompaktansicht ausgewählt haben, steht Ihnen ein weiterer Konfigurationsbereich "Ansicht kompakt" zur Verfügung.

Konfigurationsmöglichkeiten der Kompaktansicht

grafik.pnggrafik.png

Wenn Sie die "Einfache AnsichtAnsicht" ausgewählt haben, stehtstehen Ihnen einnur weitererdie Style Konfigurationsbereich "Einfache Ansicht"Standard-Style-Einstellungen zur Verfügung.

 

Screenshot Style Einfache Ansicht

Allgemeine Style-Einstellungen: Dieser Bereich gilt sowohl für die Kompaktansicht wie auch für die Einfache Ansicht.

grafik.pnggrafik.png

Konfigurationseinstellungen und deren Auswirkung auf die benutzerdefinierte Gestaltung

Zur Auswahl stehen umfangreiche und individuelle Gestaltungsmöglichkeiten. Die einzelnen Funktionen werden hier im Einzelnen erläutert:

Konfigurationseinstellungen im Backofficebeschrieben.

grafik.pnggrafik.png

(1)[Cookie Überschrift] Überschrift
(2)[Cookie Text] Beschreibungstext
(3)[Zeige Logo] Logo Auswahl / Es kann auch ein eigenes Logo hochgeladen werden
(4)[Logo links neben Überschrift] Logo links neben der Überschrift anzeigen
(5)[Verstecke Layer bei Klick] Zeigt eine Schließfunktion "X" an. Andernfalls reicht das Anklicken außerhalb des Banners und die Anzeige verschwindet. 

Auswirkungen auf die Ansicht im Frontoffice

grafik.png

Fortsetzung Konfigurationseinstellungen im Backoffice

grafik.pnggrafik.png

[Checkboxen in einfacher Ansicht] Bei JA haben die Kunden die Möglichkeit die einzelnen Consent Bereiche auszuwählen (1)Standard), bei NEIN werden die Auswahlboxen versteckt (nicht rechtssicher), der Banner wird dadurch deutlicher ??? Keine Unterschiede im FO festgestellt -> noch einmal überprüfen!
[Notwendige Cookies Button in einfacher Ansicht] Bei JA wird der Button \"Notwendige Cookies\" angezeigt und der Kunde hat die Wahl (2)Standard), bei NEIN müssen die Kunden den Button \"Alle akzeptieren\" drücken oder in die \"Benutzerdefinierten Einstellungen\" gehen (nicht rechtssicher), der Shopbetreiber wird voraussichtlich mehr Daten vom Kunden bekommen. 
(3)[Verkleinern auf CMS Seite] Zeigt den Layer als Einstellungs-Tab in einer kleineren Version, damit die Lesbarkeit des Impressums und der Datenschutzseite gewährleistet ist. Bitte wählen Sie hierzu die richtigen Seiten in den beiden nächsten Auswahlfeldern aus.[Consent Manager per Javascript einbinden] Der Consent Manager wird per Javascript auf die Front-Office-Seite eingefügt. Diese Option kann Fehler in der Metabeschreibung von Suchmaschinenergebnissen beheben. 
(4)[Einstellungssymbol ausblenden] Blendet das Einstellungssymbol ein-oderim ausschaltenAllgemeinen aus. Der Benutzer kann die Cookie-Einstellungen nur neu konfigurieren, wenn Sie den Link /module/gc_cookielaw/ajax?Action=changeSettings an einer anderen Stelle anzeigen

grafik.png
[Datenschutz] & [Impressum] Geben Sie jeweils die URL zu Ihrem Impressum und Ihrer Datenschutzseite an. Falls Sie nichts angeben, erscheint kein Link im Cookie Consent Manager. 


(5)grafik.png

Verknüpfen

Fortsetzung SieKonfigurationseinstellungen hierim IhreBackoffice Datenschutzseite


(6)

grafik.png

Verknüpfen

[Seite Sieneu hier Ihre Impressum
(7)laden]
Lädt die Seite neu, wenn der Kunde bestätigt. Wenn nicht, versteckt sich der Banner.
(8)[Position] FürLegen Sie die DarstellungPosition des Banners könnenin Sieder verschiedeneBildschirmansicht Sichtbereichefest. festlegenHier (hier dasam Beispiel oben rechts)

rechts.

grafik.png
[Cookie SameSite Attribute] Gehört das gespeicherte Cookie zu dieser Website? leer = altes Verhalten (Standard), lassen Sie den Browser wählen; keine = Cookie-Daten können mit Dritten/externen Websites geteilt werden; lax = ermöglicht nur das Senden/Zugreifen auf Erstanbieter-Cookies; strict = ist eine Teilmenge von lax und wird nicht ausgelöst, wenn der eingehende Link von einer externen Website stammt (z. B. google.com).
[Google Consent Mode v2] Passt das Cookie-Speicherverhalten basierend auf den Zustimmungsoptionen des Nutzers für Google Tags im Tag Manager an (Google Analytics/Google Ads). 
[Kompaktansicht] Die Kompaktansicht ist detaillierter als die einfache Ansicht und vereint die Vorteile beider Ansicht (standardmäßig deaktiviert. Erklärung dazu s.o. 

(9)Wichtig: "Einstellungen speichern" nicht vergessen!



Banner Gestaltungsmöglichkeiten und deren Auswirkung auf die Optik im Frontoffice

CSS-Einstellungen "Ansicht kompakt"

grafik.png

grafik.png

Erweitertes CSS "Style Einstellungen"
-> erscheint nur, wenn die Kompaktansicht aktiviert ist

grafik.png

(1)-(8) Selbsterklärend anhand der jeweiligen Farbgebung siehe Screenshot
(9) Wenn Sie über Programmierkenntnisse verfügen, können Sie an dieser Stelle Ihr benutzerdefiniertes CSS-Markup einfügen

grafik.png