Wenn's sein muss! - Addon für REDAXO 5 CMS für DSGVO-konforme Einwilligungen und Auskunft von verwendeten Drittanbieter-Diensten
Die neue schlanke Alternative zum Consent Manager, um Einwilligungen vom Nutzer abzufragen und Drittanbieter-Dienste einzusetzen.
- Geringe Dateigröße
- Kompatibel zu (IE10+ *)
- Keine Abhängigkeiten zu Frameworks wie jQuery
- DSGVO-kompatibel (bei korrekter Einrichtung / Verwendung)
- Mehrsprachigkeit
- Barrierearm (WAI-ARIA compliant)
Außerdem angepasst an REDAXO:
- Unkomplizierte Verwendung und Einrichtung mit REX_VARs
- Basiert auf YForm - einfacher Import/Export von Drittanbieter-Informationen
- Schlanker Addon-Code - und damit einfacher zu warten und weiterzuentwickeln
- Kompatibel zu YRewrite - verwende bestehende Domains und Sprachen
- Kompatibel zu Sprog - verwende Übersetzungen wie gewohnt aus Sprog
Das Addon war ein großer 🌵 an Aufwand, deshalb unterstütze die Entwicklung nachträglich mit einer Beauftraung des Addon-Autors.
Einwiligungen mit einem einfachen Cookie-Consent-Hinweis abfragen - flexibel einsetzbar und kompatibel zu YRewrite.
Demos: Siehe https://github.com/orestbida/cookieconsent.
Einwilligungen direkt an Ort und Stelle abfragen - z.B. von eingebetteten Inhalten wie Videos (YouTube, Vimeo, etc.), Social Media Postings (Twitter, Instagram, Facebook), interaktiven Karten (z.B. Google Maps) u.a.
Demos: Siehe https://github.com/orestbida/iframemanager.
Erstelle Gruppen nach dem gewohnten Muster "Verpflichtend", "Tracking", "Analyse", "Statistik", etc.
Erstelle Einträge von erforderlichen und optionalen Drittanbieter-Diensten und weise ihnen die gewünschten Domains zu.
Unter "Einstellungen" lassen sich Voreinstellungen anpassen und Textbausteine definieren, darunter:
- Artikel-ID der Kontakt- und Impressums-Seite (wird verlinkt innerhalb des Cookie-Banners)
- Artikel-ID der Datenschutz-Seite (wird verlinkt innerhalb des Cookie-Banners)
Sowie grundsätzliche Layout-Einstellungen des Benachrichtigungs- und Einstellungsfensters
Das REDAXO-Addon Sprog eigenet sich hervoragend bei mehrsprachigen Websites, um Textbausteine in unterschiedlichen Sprachen zu verwalten. Trage anstelle der deutschen voreigenstellten Texte einen Sprog-Schlüssel ein, z.B. {{ wsm.accept.all }}
und hinterlege die Übersetzung in Sprog. Die passende Sprache wird im Frontend anhand des aktuell gewählten clang-Codes gewählt und kann in <html lang="XX">
überschrieben werden, falls nötig.
- Integriere
REX_WSM[type="css"]
im Template im<head>
-Bereich, um das benötigte CSS zu laden. - Integriere
REX_WSM[type="js"]
im Template vor dem schließenden</body>
-Tag, um das benötigte JS zu laden. - (optional): Stelle deinen HTML-Ausgabe-Code in Templates, Modulen und Fragmenten auf den in https://github.com/orestbida/cookieconsent und https://github.com/orestbida/iframemanager empfohlenen Code um.
- Mit
REX_WSM[type="manage"]
erhält der Nutzer - bspw. auf der Datenschutz-Seite - nachträglich Kontrollmöglichkeiten, vorher muss jedoch zuerstREX_WSM[type="js"]
geladen sein.
<script type="text/plain" data-cookiecategory="analytics" src="analytics.js" defer></script>
<script type="text/plain" data-cookiecategory="ads">
console.log('"ads" category accepted');
</script>
link = document.createElement('link');
link.href = 'https://fonts.googleapis.com/css2?family=Rubik+Vinyl&display=swap';
link.rel = 'stylesheet';
document.getElementsByTagName('head')[0].appendChild(link);
Siehe https://github.com/orestbida/cookieconsent#how-to-blockmanage-scripts.
<div
data-service="<service-name>"
data-id="<resource-id>"
data-params="<iframe-query-parameters>"
data-thumbnail="<path-to-image>"
data-autoscale>
</div>
z.B. für YouTube
<div class="video"
data-service="youtube"
data-id="dQw4w9WgXcQ"
data-params="loop=1&autoplay=0&mute=1"
data-thumbnail=""
data-autoscale data-ratio="16:9">
</div>
Siehe https://github.com/orestbida/iframemanager#configuration-options.
Siehe https://github.com/orestbida/cookieconsent#api-methods und https://github.com/orestbida/iframemanager#apis.
(c) 2023 alex+ Digitales Marketing - Alexander Walther. Alle Rechte vorbehalten.
Alexander Walther
http://www.alexplus.de
https://github.com/alexplusde
Projekt-Lead
Alexander Walther