Feature-Wunsch: Eingeklappter Text/Teaser Text in div.toggle-group

[githuppi]

Beim Einpflegen der umfangreichen Texte für bspw. Google Analytics, YouTube, Google Tag Manager usw. ist uns aufgefallen, dass die Übersicht der einzelnen Cookies nicht ideal ist. Zum Teil kann man in den langen Texten einzelne Cookies nicht ausmachen.

Daher die Idee: Vielleicht wäre es möglich die einzelnen Bereiche div.cc-cookie einklappbar oder mit einem Teaser zu bestücken so dass ich als Nutzer erst nach einem Klick den gesamten Text erhalte. Ich habe Screenshots vom Problem angehängt.

[codesache]

Schau dir mal die zwei CSS Änderungen an. Das kann sein, das es abgeschnitten wird. Ich habe es bei mir so lösen können, das der zu lange Teil als overflow: scroll; bedienbar bleibt. Alternativ die Texte anteasern und auf die Datenschutzseite verweisen.

.contao-cookiebar { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; font-size: 0; text-align: center; padding: 15px; max-height: 100vh; box-sizing: border-box; pointer-events: none; overflow: scroll; }

.contao-cookiebar .cc-inner { display: inline-block; max-width: 100%; opacity: 0; pointer-events: none; visibility: hidden; font-size: 1rem; text-align: left; }

[githuppi]

Hallo codesache,

danke für deinen Beitrag.

Schau dir mal die zwei CSS Änderungen an. Das kann sein, das es abgeschnitten wird. Ich habe es bei mir so lösen können, das der zu lange Teil als overflow: scroll; bedienbar bleibt.

Bei mir wird in der Darstellung nichts abgeschnitten. Ich kann mich problemlos durch die „Textwüsten“ scrollen. Allerdings übersieht der Nutzer so vielleicht einen weiteren Punkt den er aktivieren kann. Zum Beispiel die Videos.

Alternativ die Texte anteasern und auf die Datenschutzseite verweisen.

Das anteasern mit kürzeren Texten und der Verlinkung zur Datenschutzseite würde bei einem „Siteblocker“ nicht zum Erfolg führen, da der Nutzer weiterhin diesen Blocker in Form des Popups zur Zustimmung/Ablehnung von Cookies bekommt. Hier muss also ausführlich stehen was ich zustimmen möchte oder nicht.

[codesache]

Dann nimm doch die Datenschutzseite vom Siteblocker in der Konfig raus, dann kann sich der User alles durchlesen. Auf der Seite sollte dann kein Tracking und co stattfinden.

Die CSS Änderung hatte ich bei mir verwendet, nach dem längere Texte im iPhone im Chrome abgeschnitten wurden.

[githuppi]

Ich muss mich korrigieren:

Bei mir wird in der Darstellung nichts abgeschnitten. Ich kann mich problemlos durch die „Textwüsten“ scrollen. Allerdings übersieht der Nutzer so vielleicht einen weiteren Punkt den er aktivieren kann. Zum Beispiel die Videos.

Im Desktop-Browser Chrome funktioniert die Darstellung bei langen Texten problemlos.

Auf dem iPhone wird der lange Text „verschluckt“. Auch deine CSS Anpassungen @codesache haben keine Wirkung erzielt. Es scheint ein Styling Problem zu sein.

[codesache]

schau mal bei mir unter https://www.codesache.de/ ob das bei dir passt. Habe ich ein iPhone x und 6s beides unter Chrome getestet und passt. Sonst zieh dir das CSS als Basis bei mir raus.

[doishub]

Ich versuche es mal zu reproduzieren und werde ein entsprechendes Update bereitstellen.

[codesache]

da gibt es jetzt ein extra Ticket dazu https://github.com/oveleon/contao-cookiebar/issues/27

[doishub]

Bzgl. des eigentlichen Wunsches, würde ich wie @codesache bereits geschrieben hat, ausschließlich die wichtigsten Informationen anzeigen statt den gesamten Datenschutz aufzunehmen. Dieser kann ja aus der Cookiebar heraus verlinkt und die Cookiebar selber kann auf der Datenschutzseite ausgeblendet werden.

Andernfalls könntest du überlegen den Text in den Beschreibungen kleiner zu machen um Platz zu sparen oder das beschriebene Verhalten in einem eigenen Template abzubilden.

[codesache]

Ich denke auch das es ausreichend ist wie hier beschrieben als Teaser + Link zum Datenschutz. https://datenschutz-generator.de/bgh-cookies-opt-in-faq-checkliste/#Wann_ist_eine_Einwilligung_transparent_und_informiert