Die Einrichtung von Klaro auf Ihrer Website ist einfach und dauert in der Regel weniger als 10 Minuten. Alles, was Sie tun m眉ssen, ist eine kleine Konfigurationsdatei zu schreiben, das klaro.js Skript zu laden und ein paar kleine 脛nderungen an den Skripten von Drittanbietern auf Ihrer Seite vorzunehmen, damit Klaro diese verwalten kann. Fangen wir also an!

Zuerst m眉ssen Sie Klaro 眉ber die Apps und Tracker von Drittanbietern auf Ihrer Website informieren. Um dies zu tun, schreiben Sie eine einfache Javascript-Konfiguration. Am einfachsten beginnen Sie, indem Sie sich die kommentierte Klaro-Konfigurationsdatei ansehen, die so gestaltet ist, dass sie selbsterkl盲rend ist. Weitere Beispiele finden Sie auf der Klaro Github-Seite.

Um sicherzustellen, dass keine Skripte Dritter ohne Zustimmung geladen werden, m眉ssen Sie Ihren HTML-Code ein wenig modifizieren: Ersetzen Sie bei Inline-Skripten den Wert des type Attributs durch (dies text/plain verhindert, dass der Browser das Skript ausf眉hrt) und f眉gen Sie ein Datenattribut mit dem urspr眉nglichen Typ hinzu, z.B. data-type="application/javascript". F眉gen Sie auch ein data-name Attribut hinzu, das dem Namen der gegebenen Anwendung in Ihrer Konfiguration entspricht, z.B. data-name="googleAnalytics".

F眉r externe Skripte tun Sie dasselbe, benennen Sie das src Attribut jedoch zus盲tzlich um in (dies data-src stellt sicher, dass der Browser das Skript nicht ohne die Zustimmung des Benutzers l盲dt). Dies funktioniert auch f眉r andere Tags wie Bilder oder Z盲hlpixel. Denken Sie nur daran, immer ein data-name Attribut hinzuzuf眉gen, das mit dem Namen der Anwendung in Ihrer Konfiguration 眉bereinstimmt, damit Klaro wei脽, welches Element zu welcher Anwendung geh枚rt.

F眉gen Sie schlie脽lich sowohl das Konfigurationsskript als auch den Klaro-Code auf Ihrer Seite ein. Sie k枚nnen das Laden der Skripte verz枚gern, wenn Sie m枚chten. Stellen Sie nur sicher, dass die Konfiguration initialisiert ist, wenn Klaro geladen wird. Schauen Sie sich unsere Beispiele an, um sich inspirieren zu lassen.

Wir bieten auch eine Version von Klaro ohne Stile an, was praktisch ist, falls Sie unsere eigene Version mitbringen oder unsere anpassen m枚chten. Laden Sie einfach klaro-no-css.js und das Mini-Stylesheet klaro.min.css herunter und f眉gen Sie beide in Ihr HTML ein. Wir haben auch ein unminifiziertes Stylesheet klaro.css, das sich hervorragend eignet, wenn Sie 脛nderungen daran vornehmen m枚chten. Sie k枚nnen sich auch die SCSS-Datei ansehen.

Wenn Sie Klaro selbst aufnehmen m枚chten, k枚nnen Sie es hier herunterladen.

Wenn Sie bei der Einrichtung von Klaro auf Schwierigkeiten sto脽en oder wenn Sie eine neue Funktion vorschlagen oder einen Fehler melden m枚chten, 枚ffnen Sie bitte eine Github-Issue oder setzen Sie sich mit uns in Verbindung, wir freuen uns, von Ihnen zu h枚ren!