Einbindung der Datenschutzerklärung über JavaScript
- Arthur Ott
Das Skript für die Datenschutzerklärung kann auf verschiedene weise der Seite hinzugefügt werden.
Im Header der Seite
Wenn das Skript im <head> Bereich der Seite hinzugefügt wird, wird der Inhalt der Datenschutzerklärung dem <body> hinzugefügt
Im Body der Seite
Wenn das Skript im <body> Bereich der Seite hinzugefügt wird, sucht das Skript das “Parent-Element” und fügt die Datenschutzerklärung dort hinzu.
Mit dem “Parent-Element” ist das Element gemeint, in welchem das Skript hinzugefügt wurde.
Hier ein Beispiel:
<html>
<head>
</head>
<body>
<h1> Überschrift </h1>
<div class="test">
<script src="https://dse.cookiebox.pro/privacy/5e74dc0e2ee38/de?format=js" type="text/javascript"></script>
<noscript><iframe src="https://dse.cookiebox.pro/privacy/5e74dc0e2ee38/de?format=html" style="width:100%;height:100%;min-height: 600px;"></iframe></noscript>
</div>
</body>
</html>
In diesem Fall wird die DSE in der <div> mit der Klasse test hinzugefügt.
In einem ganz bestimmten Element
Wenn der Inhalt der Datenschutzerklärung in einem ganz bestimmten Element ausgespielt werden soll, ist dies mit einem Attribut, welches dem Skript hinzugefügt werden muss, möglich.
Dafür das Element, in welchem die Datenschutzerklärung ausgespielt werden soll, mit einer Id versehen werden. Die Id muss dann dem Skript als Attribut hinzugefügt werden. Die Id kann dabei frei gewählt werden.
Hier ein Beispiel:
<html>
<head>
</head>
<body>
<h1>Überschrift</h1>
<div id="cortinaDSE"></div>
<p> Hier ist der Footer der Seite </p>
<script divId="cortinaDSE" src="https://dse.cookiebox.pro/privacy/5e74dc0e2ee38/de?format=js" type="text/javascript"></script>
<noscript><iframe src="https://dse.cookiebox.pro/privacy/5e74dc0e2ee38/de?format=html" style="width:100%;height:100%;min-height: 600px;"></iframe></noscript>
</body>
<html>
In Zeile 6 ist das Element zu sehen, in welches der Inhalt der Datenschutzerklärung hinzugefügt werden soll. Das Element erhält in diesem Beispiel die Id cortinaDSE. In Zeile 8 wird das Skript hinzugefügt. Das Skript wird mit dem Attribute divId und der Id cortinaDSE ausgestattet. Die Datenschutzerklärung wird jetzt automatisch in der DIV angezeigt.
Wichtig: Das Skript sollte nicht über dem Element mit der Id hinzugefügt werden, da durch Race Conditions, dann die Datenschutzerklärung nicht ausgespielt wird.