search

oveleon / contao-cookiebar

Cookie bar for the Contao Open Source CMS
GNU Affero General Public License v3.0
58 stars 25 forks source link

Hervorhebung des Alle akzeptieren-Buttons mindern #78

Closed tinokramm closed 2 years ago

tinokramm commented 2 years ago

eRecht24 empfiehlt in einem aktuellen Beitrag vom 5.10.21 „irreführendes Nudging“ bei Cookie Einwilligungen zu vermeiden.

Nudging bedeutet, dass der Nutzer in eine bestimmte Richtung gedrängt wird. Der Nutzer wird (etwa wenn der "Zustimmen"-Button farblich hervorgehoben wird) dazu verleitet, die Einwilligung zu erteilen. Das ist nach Auffassung der Datenschutzbehörden und der Wettweberbszentrale aber nicht erlaubt. Das Gleiche gilt auch für Texte auf dem Banner, die den Nutzer dazu verleiten sollen, auf "Zustimmen" zu klicken. Dadurch sinken im Einzelfall natürlich die Conversions (also die Zahl der Zustimmungen). Wenn Sie alle rechtlichen Risiken ausschließen wollen, sollten die Button "Ablehnen" und "Zustimmen" farblich identisch gestaltet werden.

Den "Zustimmen"-Button in hellgrün und den "Ablehnen"-Button in Grau zu gestalten, dürfte kritisch sein. Ob man aber zum Beispiel auch zwei Blautöne oder zwei Grautöne verwenden kann, ist nicht geklärt.

https://www.e-recht24.de/artikel/datenschutz/12828-abmahnung-cookie-consent-banner.html

Ich denke es wäre nicht verkehrt die Buttons farblich einander anzugleichen. Exakt im gleichen Ton würde ich es jedoch nicht gestalten. Grau-Grün dürfte jedoch definitiv in den Bereich „Nudging“ fallen.

fritzmg commented 2 years ago

imho the extension should use the same colour for both buttons, in order to avoid any legal ambiguity by default. Any adjustments can then be made in your project's CSS.

tomjpeg commented 2 years ago

Danke für den Vorschlag.

Ich muss sagen, ich sehe die ganze Thematik ein wenig anders als in dem Artikel beschrieben. Aus meiner Sicht ist es für den User noch schwieriger, Cookies "schnell" abzulehnen, wenn man das Ganze so umsetzt wie dort beschrieben. Durch das hervorheben des "Zustimmen" wird zwischen den zwei Buttons klar unterschieden. Somit weiß man als Person, die klar die Cookies ablehnen möchte, welchen Button man zu drücken hat - ohne lange überlegen zu müssen. Wenn hingegen beide Buttons sich fast nicht unterscheiden oder nur leicht ist die Wahl schon deutlich schwieriger. "Nudging" ist für mich wenn man länger nach dem Ablehnen Button suchen muss z.b wenn dieser als kleiner Link versteckt.

Sprich ich denke einer der Buttons muss klar hervorgehoben werden, da man andernfalls viel länger überlegen/lesen muss.

doishub commented 2 years ago

Ob beschlossen oder nicht, da wir mit dieser Erweiterung stets die Gesetzgebung "im Griff" haben möchten, würde ich vorschlagen, auch dies in der Konfiguration definieren zu können. Zumindest, solange dies keine "beschlossene" Sache ist.

Ich stelle mir eine Auswahl zwischen folgenden Optionen der Farbgebung für Buttons vor:

eki89 commented 2 years ago

Ich kann dem Artikel von eRecht24 nicht in voller Gänze zustimmen. Unser Consent Banner ist vom Grundprinzip im Gegensatz zu vielen anderen Lösungen bereits wenig manipulativ. Insbesondere unsere Lösung ist sehr eingängig und leicht zu verstehen. Ich würde sogar sagen, dass wir die Erwartungshaltung der Besucher durch das hervorheben in beide Richtungen unterstützen, da es lediglich eine Ja / Nein Frage ist (grün tracken, grau nicht). Die Darstellung lediglich als Link, versteckt in der Navi oder als weitere Einstellungen, stufe auch ich als Nudging ein. Nichtsdestotrotz tendieren wir dazu, das highlighting der Buttons direkt in der Cookiebar einstellbar zu machen. Dies könnte simpel durch die Ergänzung einer Klasse für den Button implementiert werden, um per CSS weiterhin auf sämtliche Aspekte einfluss zu haben. Damit würden wir aus meiner Sicht sämtliche Anfroderungen erfüllen.

tinokramm commented 2 years ago

Hallo Tom, ich verstehe was Du meinst. Es ist kommt jedoch erschwerend dazu, dass Grün – bedingt durch seine Farbsymbolik – natürlich zum schnelleren Klicken verleitet. Ich sehe das daher ganz klar als Nudging. Anders wäre es, wenn Du zwei Grüne oder zwei Graue Buttons mit nur leichter Unterscheidung anbietest.

eki89 commented 2 years ago

Hey Tino, deine Aussage ist an sich durchaus richtig. Dreht man die Perspektive um und setzt voraus, dass man als User heutzutage weiß, dass grün akzeptieren und grau ablehnen bedeutet, helfen wir dem User damit ebenfalls, die Entscheidung zu treffen, die Einstellungen eben abzulehnen. Dies ist selbstverständlich sehr philosophisch und wird sich mit absoluter Sicherheit nur durch ein richterliches Urteil klären lassen.

Ich denke, dass diese Einstellung idealerweise auch für unversierte Benutzer direkt in der Cookiebar einstellbar sein sollte.

tomjpeg commented 2 years ago

Gebe Fabian da recht, die Farbe ist eine gewissen Philosophie Frage. Nach meinem Punkt sucht man halt grundsätzlich nach dem "nicht grünen" Button. Weil es sich nun mal durchgesetzt hat. Manipulativ oder "Nudging" wäre es dort einen eigenen Weg zu gehen und es dem User damit zu erschweren.

fritzmg commented 2 years ago

Warum muss es überhaupt einstellbar sein? Jeder kann das styling der Cookiebar nach Belieben selbst ändern. Eben nach den Vorgaben der Kunden bzw. deren Rechtsberatung.

doishub commented 2 years ago

Warum muss es überhaupt einstellbar sein? Jeder kann das styling der Cookiebar nach Belieben selbst ändern. Eben nach den Vorgaben der Kunden bzw. deren Rechtsberatung.

Bin ich auch ein Fan von, allerdings verwenden viele diese Cookiebar, gerade weil sie keine eigenen Anpassungen wie CSS im Projekt vornehmen müssen. Sofern die Gesetzgebung hier konkret ist, würde ich es definitiv auch wieder entfernen, sodass ausschließlich das "neutrale" Farbschema greift und Entwickler hier eigenverantwortlich Buttons umfärben müssen.

intradesign commented 2 years ago

Hallo!

Die Farbgebung ist ja relativ einfach per CSS anpassbar.

Ich halte aber "Alle akzeptieren" und "Auswahl speichern" auch für nicht gleichwertig und habe deshalb noch den dritten Button "Alle ablehnen" aus dem cookiebar_simple-Template hinzugefügt. Dann ist es ziemlich eindeutig. Ich habe alle drei in der CI-Farbe des Kunden eingefärbt. Sieht deutlich besser aus, als die meisten anderen Consent-Tools.

Allerdings fehlt mir hier das visuelle Feedback: Klicke ich "Alle ablehnen" oder "Alle akzeptieren" schließt sich das Modal sofort, ich sehe also nicht, dass die Einstellung verändert worden sind, also die Switches auf grün umschalten.

Und was mich auch irritiert: Wenn ich die Einstellungen erneut öffne, hat sich die Einstellung erstmal (visuell) nicht geändert, sondern es werden die vorherigen Einstellungen angezeigt. (sowhl für alle ablehnen/akzeptieren als auch für die Einzelauswahl). Erst nach einem Pagereload wird das korrekt angezeigt. Könnte man einen Reload über die Buttons triggern?

Und (führt noch etwas weiter): Kann ich einzelne Eemente per JavaScript außerhalb des Consent Modals triggern, also per Link/Button die Zustimmung z.B. für Adobe Fonts und/oder eine Gruppe ein- und ausschalten ?

doishub commented 2 years ago

Allerdings fehlt mir hier das visuelle Feedback: Klicke ich "Alle ablehnen" oder "Alle akzeptieren" schließt sich das Modal sofort, ich sehe also nicht, dass die Einstellung verändert worden sind, also die Switches auf grün umschalten.

Da die Cookiebar sich sofort schließt, lohnt es sich m.E. nicht, die Checkboxen zu de-/selektieren. Du kannst über folgende Callback aber ein eigenes visuelles Feedback integrieren:

window.addEventListener('cookiebar_save', function (e) {
  console.log('on save', e.detail);
}, false);

Und was mich auch irritiert: Wenn ich die Einstellungen erneut öffne, hat sich die Einstellung erstmal (visuell) nicht geändert, sondern es werden die vorherigen Einstellungen angezeigt. (sowhl für alle ablehnen/akzeptieren als auch für die Einzelauswahl). Erst nach einem Pagereload wird das korrekt angezeigt. Könnte man einen Reload über die Buttons triggern?

Das dürfte nicht der Fall sein. Solltest du das Content-Element / Modul zum öffnen der Cookiebar verwenden, stelle sicher, dass du die Checkbox Einstellungen vorbefüllen aktiviert hast. Ansonsten per JavaScript mittels des ersten Parameters:

cookiebar.show(true);

Und (führt noch etwas weiter): Kann ich einzelne Eemente per JavaScript außerhalb des Consent Modals triggern, also per Link/Button die Zustimmung z.B. für Adobe Fonts und/oder eine Gruppe ein- und ausschalten?

Ja, über die addModule-Methode.

intradesign commented 2 years ago

Allerdings fehlt mir hier das visuelle Feedback: Klicke ich "Alle ablehnen" oder "Alle akzeptieren" schließt sich das Modal sofort, ich sehe also nicht, dass die Einstellung verändert worden sind, also die Switches auf grün umschalten.

Da die Cookiebar sich sofort schließt, lohnt es sich m.E. nicht, die Checkboxen zu de-/selektieren. Du kannst über folgende Callback aber ein eigenes visuelles Feedback integrieren:

window.addEventListener('cookiebar_save', function (e) {
  console.log('on save', e.detail);
}, false);

OK, Danke! Das schaue ich mir nochmal an. Gibt es zu den Callbacks noch Beispiele, die man mal testen kann?

Und was mich auch irritiert: Wenn ich die Einstellungen erneut öffne, hat sich die Einstellung erstmal (visuell) nicht geändert, sondern es werden die vorherigen Einstellungen angezeigt. (sowhl für alle ablehnen/akzeptieren als auch für die Einzelauswahl). Erst nach einem Pagereload wird das korrekt angezeigt. Könnte man einen Reload über die Buttons triggern?

Das dürfte nicht der Fall sein. Solltest du das Content-Element / Modul zum öffnen der Cookiebar verwenden, stelle sicher, dass du die Checkbox Einstellungen vorbefüllen aktiviert hast. Ansonsten per JavaScript mittels des ersten Parameters:

cookiebar.show(true);

Das habe ich so eingebaut. Scheint doch nur beim DenyAll-Button zu passieren. Wenn ich den betätige, bleiben die Switches beim erneuten Öffnen (OHNE reload) aktiviert. In der anderen Richtung (akzeptieren und Speichern) funktioniert es.

Und (führt noch etwas weiter): Kann ich einzelne Eemente per JavaScript außerhalb des Consent Modals triggern, also per Link/Button die Zustimmung z.B. für Adobe Fonts und/oder eine Gruppe ein- und ausschalten?

Ja, über die addModule-Methode.

Danke auch dafür! Hab ich noch nicht so ganz verstanden, muss ich mir auch nochmal anschauen. Gibt es noch Beispiele?

doishub commented 2 years ago

OK, Danke! Das schaue ich mir nochmal an. Gibt es zu den Callbacks noch Beispiele, die man mal testen kann?

Was für Beispiele meinst du? In dieser Callback kannst du machen was du möchtest.

Danke auch dafür! Hab ich noch nicht so ganz verstanden, muss ich mir auch nochmal anschauen. Gibt es noch Beispiele?

Siehe https://github.com/oveleon/contao-cookiebar/issues/79

Das habe ich so eingebaut. Scheint doch nur beim DenyAll-Button zu passieren. Wenn ich den betätige, bleiben die Switches beim erneuten Öffnen (OHNE reload) aktiviert. In der anderen Richtung (akzeptieren und Speichern) funktioniert es.

Könntest du bitte ein neues Issue öffnen? Sonst mischen sich die Themen hier zu sehr.

doishub commented 2 years ago

In Version 1.9.7 kann nun auch das Farbschema über die Konfiguration definiert werden. Im Standard wird das neutrale Farbschema verwendet. Dieses sollte auch herangezogen werden, sofern eigene CSS-Stile definiert werden. @tinokramm vielen Dank für den Hinweis!

Außerdem wurde das visuelle Feedback beim ablehnen/annehmen aller Services verbessert @intradesign.

tinokramm commented 2 years ago

Vielen herzlichen Dank für die schnelle Reaktion. Ich möchte an dieser Stelle betonen, dass ihr mit eurer Cookie Lösung eine sehr sehr wertvolle Erweiterung für die ganze Contao Community geschaffen habt. Eure Support-Geschwindigkeit hier und Serviceorientierung sucht seinesgleichen. Vielen Dank dafür!