Anpassung von Content (Auch für Nicht-Javascript)
Usercentrics funktioniert grundsätzlich über Javascript. Man kann eine Abfrage an die Frontend-API stellen, um den aktuellen Consentstatus abzufragen oder die nachträgliche Anpassung von text/plain - Scripten nutzen, um die Ausspielung zu steuern.
Für Dienste, die nicht mit Javascript funktionieren oder die einen Platzhalter benötigen, solange keine Einwilligung erteilt ist, gibt es zwei Möglichkeiten:
Anpassung über die automatische Attributanpassung (Java-Script-Klammer):
Zunächst wird Ersatzcontent in einem DIV-Element bereitgestellt:
<div id="platzhalter">Hier könnte zum Beispiel der Platzhalter für ein Video stehen.</div>
Innerhalb des Platzhalters kann auch ein Button für die nachträgliche Einwilligung oder andere Funktionen (siehe Usercentrics Dokumentation für CMP v1 oder CMP v2) bereitgestellt werden:
<div id="platzhalter">
<p>Hier könnte zum Beispiel der Platzhalter für ein Video stehen.</p>
<button onclick="UC_UI.acceptService('BJz7qNsdj-7');">YouTube Akzeptieren</button>
</div>
Unterhalb des Platzhalters setzt man ein Script, welches den Platzhalter mit dem eigentlichen Inhalt (z.B. dem YouTube-iFrame) überschreibt:
<script type="text/plain" data-usercentrics="YouTube Video">
document.getElementById('platzhalter').innerHTML = '';
document.getElementById('platzhalter').innerHTML += '<iframe width="560" height="315" src="https://www.youtube.com/embed/mC9i_2hLhbA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
</script>
Dieses Script ist mit der Script-Anpassung konfiguriert worden.
Consentabfrage über die Frontend-API:
Alternativ kann auch direkt über die Usercentrics Frontend-API eine Consentabfrage gestellt werden anhand der entsprechender Inhalt ausgespielt wird:
→ Usercentrics Frontend API - CMP v1
→ Usercentrics Frontend API - CMP v2