GithubHelp home page GithubHelp logo

danspringer / iwcc Goto Github PK

View Code? Open in Web Editor NEW

This project forked from friendsofredaxo/consent_manager

0.0 0.0 0.0 478 KB

Stellt ein Opt-In Cookie Banner zur Verfügung

License: MIT License

HTML 8.59% CSS 6.27% JavaScript 11.96% PHP 69.33% TSQL 3.85%

iwcc's Introduction

Cookie-Gedöns

Stellt ein Opt-In Cookie Banner zur Verfügung. Cookies werden in Gruppen zusammengefasst. Der Website Nutzer kann Cookies gruppenweise akzeptieren. Die Cookie Box kann über einen Klick auf ein Element mit der Klasse iwcc-show-box wieder geöffnet werden, z.B. ein <a class="iwcc-show-box">Cookie Einstellungen bearbeiten</a> im Footer oder der Datenschutzerklärung.

Screenshot

Installation

  1. Über den Installer herunterladen und installieren.
  2. Domains hinterlegen, bei denen die Cookie Box aktiviert werden soll
  3. In den Cookie-Gruppen die gewünschten Domains zuweisen, ggf. zusätzliche Cookie-Gruppen pro Domain anlegen und gewünschtes JavaScript hinterlegen.
  4. Ggf. weitere Dienste unter Cookie anlegen und in den Cookie-Gruppen zuordnen.
  5. Den Platzhalter REX_IWCC[] in allen gewünschten Templates im head-Bereich des HTML-Quellcodes.

Für den leichteren Einstieg wurden einige Cookie-/ und Cookie-Gruppen bereits angelegt.

Einrichtung

Cookie Gruppen

Hier werden die Cookie Gruppen definiert, die der Nutzer akzeptieren kann. Pro Gruppe können Skripte hinterlegt werden, die nach Akzeptieren der Gruppe ausgeführt werden.

Screenshot

Cookies

Pro Eintrag wird ein Dienst (mit einer beliebigen Anzahl Cookies) definiert, zb Google Analytics oder Matomo.

Screenshot

Die einzelnen Cookies des Dienstes werden im YAML Format hinterlegt, zb:

-
  name: _ga
  time: 2 Jahre
  desc: Speichert für jeden Besucher der Website eine anonyme ID. Anhand der ID können Seitenaufrufe einem Besucher zugeordnet werden.
-
  name: _gat
  time: 1 Tag
  desc: Verhindert, dass in zu schneller Folge Daten an den Analytics Server übertragen werden.
-
  name: _gid
  time: 1 Tag
  desc: Speichert für jeden Besucher der Website eine anonyme ID. Anhand der ID können Seitenaufrufe einem Besucher zugeordnet werden.     

Es gibt einen nicht löschbaren Cookie iwcc. In diesem speichert das Addon die Auswahl des Nutzers. Alles was im Tab Cookies eingegeben wird dient nur zur Information des Nutzers und hat auf das Setzen/Löschen der Cookies oder deren Eigenschaften kein Einfluss.

iwcc Cookie per PHP auswerten

und Inhalte / Skripte entsprechend der Zustimmung darstellen

// iwcc cookie auslesen und in Array umwandeln
$arr = json_decode($_COOKIE['iwcc'], true);  
// prüfe ob die Googlemaps-Gruppe ausgewählt wurde
if ($arr['googlemaps']) 
{
  // gewünschten Code ausgeben
}

Texte

Die Texte der Cookie Box

Domains

Das Addon reagiert auf die hinterlegte Domain, z.B.: meinedomain.de. Für Subdomains (auch www) ist ein gesonderter Eintrag erforderlich. Im Fragment wird die hier hinterlegte Domain mit $_SERVER['HTTP_HOST'] verglichen.

Mehrsprachigkeit

Beim Anlegen einer neuen Sprache werden existierende Einträge in die neue Sprache kopiert. Bestimmte Felder (zb. Schlüssel, Skripte oder Cookie Namen) können nur in der ersten Sprache editiert werden.

Design

HTML, CSS und Skripte der Cookie Box liegen im Fragment /redaxo/src/addons/iwcc/fragments/iwcc_box.php. Das Design kann nach Belieben angepasst werden. Dazu das mitgelieferte Stylesheet überschreiben oder komplett entfernen und was eigenes machen. Tipp hierzu: in /redaxo/src/addons/iwcc/scss/ findet sich das Stylesheet als SCSS. Wenn man als Admin eingeloggt ist und der Debug-Mode aktiviert ist, wird das Stylesheet nach Änderungen neu generiert.

Troubleshooting

  • Ist REX_IWCC[] in einem Redaxo Template hinterlegt? Nur in einem Redaxo Template werden auch die REX_VARs ersetzt, in eigenen PHP includes nicht.
  • Ist eine Domain hinterlegt und den Cookie Gruppen zugeordnet?
  • Stimmt die hinterlegte Domain mit der Frontend Domain überein (www.meinedomain.de ist etwas anderes als meinedomain.de)?
  • Ist die Website über eine Domain (meinedomain.de) erreichbar? Unterordner Installationen funktionieren nicht.

Fehler gefunden?

Du hast einen Fehler gefunden oder ein nettes Feature was du gerne hättest? Lege ein Issue an

Lizenz

MIT Lizenz, siehe LICENSE.md
cookie.js: MIT Lizenz
Font Awesome: SIL Lizenz
pretty checkbox: MIT Lizenz

Autor

Friends Of REDAXO
http://www.redaxo.org
https://github.com/FriendsOfREDAXO
Projekt-Lead
Ingo Winter

Credits

First Release: Ingo Winter
Thomas Blum wird eine Menge Code aus seinem Sprog Addon in Cookie-Gedöns wiederfinden
Thomas Skerbis hat unermüdlich getestet und für die Entwicklung gespendet
Peter Bickel hat für die Entwicklung gespendet

iwcc's People

Contributors

ingowinter avatar tobiaskrais avatar skerbis avatar alxndr-w avatar imgbotapp avatar schuer avatar 191977 avatar shauste avatar tbaddade avatar ynamite avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.