Kontextuelle Zustimmung

In diesem Lernprogramm wird die Verwendung von Klaros "kontextbezogener Zustimmung" erläutert, mit der Sie die Zustimmung der Benutzer einholen können, bevor Sie z.B. eingebettete Youtube-Videos oder andere Inhalte zeigen. Die Einverständniserklärung, die Sie auf dieser Seite sehen, zeigt, wie dieser Mechanismus funktioniert. Sie können den Zustimmungsmechanismus testen und die Seite einfach neu laden, um den Status des Zustimmungsmanagers zurückzusetzen. Hier ist der Zustimmungsmanager (sehen Sie sich unbedingt die folgenden Beispiele an, bevor Sie mit ihm interagieren):

Beispiel: Lass uns Rick Roll machen!

Nehmen wir an, wir möchten ein Youtube-Video in unsere Website einbetten. Wir können dies tun, indem wir den unten/rechts gezeigten iframe Code einbetten. Um die kontextbezogene Zustimmung zu aktivieren, ersetzen wir einfach das Attribut src mit data-src und fügen Sie ein Attribut data-name hinzu. Außerdem legen wir in unserer Konfigurationsdatei einen Dienst mit demselben Namen an (siehe config unten), und Klaro erledigt den Rest. Los geht's!

Beispiel: Lasst uns twittern!

Die gleiche Technik funktioniert auch mit anderen HTML-Elementen wie divs: Fügen Sie einfach einen data-name Eintrag zu dem Element hinzu, fügen Sie einen entsprechenden Dienst mit demselben Namen zu Ihrer Konfiguration hinzu und lassen Sie Klaro einen Platzhalter hinzufügen.

Beispiel Config

Hier ist das entsprechende Beispiel der Klaro-Konfiguration. Wir haben den "Accept All"-Fluss verwendet, aber die eingebetteten Youtube-Inhalte davon ausgenommen, indem wir contextualConsentOnly auf true gesetzt haben. Im Gegensatz dazu werden Twitter-Links automatisch aktiviert, wenn der Benutzer seine Zustimmung über den Zustimmungshinweis erteilt.

var klarConfig = {
    acceptAll: true,
    services: [
        {
            purposes: ['marketing'],
            name: "demo-youtube",
            contextualConsentOnly: true,
        },
        {
            purposes: ['marketing'],
            name: "demo-twitter",
        }
    ]
}