Die Sperrung von Cookies vor der Zustimmung der Nutzer ist ein wichtiger Bestandteil der Einhaltung von Datenschutzgesetzen. Dazu gehört auch das Blockieren von Cookies von Drittanbietern, die von Google Analytics, Facebook Pixel, LinkedIn, AdWords und anderen stammen können.
Um Tracking-Mechanismen von Drittanbietern automatisch zu erkennen, zu kategorisieren und zu blockieren, verwenden Sie den Auto Blocker von Termly. Wenn Sie die manuellen Blockierungsschritte auf dieser Seite befolgen, wird das Verhalten des Auto Blockers außer Kraft gesetzt.
Für Code von Drittanbietern, der über Google Tag Manager (GTM) bereitgestellt wird, folgen Sie den Schritten auf dieser Seite.
Um diese Cookies manuell zu blockieren, müssen Sie die JavaScript-Funktion von Bibliotheken Dritter deaktivieren. Dies kann durch Änderung der Typ-Attribute und Hinzufügen von Datenkategorie-Attributen erreicht werden. Dadurch wird verhindert, dass die Skripte automatisch ausgeführt werden, wenn Benutzer die Webseite betreten. Außerdem kann das Termly-Skript die Cookies finden und freigeben, wenn die Benutzer ihre Zustimmung zu bestimmten Kategorien geben.
Cookies von Dritten manuell blockieren
Um zu beginnen, suchen Sie Ihren JavaScript-Code, der Cookies von Drittanbietern setzt. Führen Sie dann die folgenden Schritte aus:
Ändern Sie das type-Attribut von text/javascript in text/plain (wenn das type-Attribut fehlt, fügen Sie es hinzu)
Fügen Sie das Attribut data-categories hinzu und setzen Sie es auf eine entsprechende Kategorie aus der Liste der Cookie-Kategorien (essential, performance, analytics, advertising, social networking, unclassified)
JavaScript-Code, der der oben beschriebenen Attributkonvention folgt, reagiert nun in Echtzeit auf die Zustimmung der Besucher, ohne dass die Seite neu geladen werden muss.
Nachdem Sie diese Schritte für den gesamten Code von Drittanbietern auf Ihrer Seite durchgeführt haben, sind Sie mit dem Blockieren von Cookies von Drittanbietern fertig.
Im Folgenden finden Sie Beispiele für diese Änderungen in verschiedenen Skripten. Die Änderungen sind in allen Beispielen fett gedruckt.
Skriptbeispiel
Das folgende Beispiel zeigt, wie ein bestimmtes Skript als "analytisch" eingestuft werden kann:
Originalskript:
<script type="text/javascript"> <!-- // Scriptlogik hier //--></script>
Änderungen hierzu:
<script type="text/plain" data-categories="analytics"> <!-- // Scriptlogik hier //--></script>
JavaScript Beispiel
Original-Skript (kein Attributtyp ausgewählt):
<script src="/js/sample.js"></script>
Änderungen hierzu:
<script type="text/plain" data-categories="social_networking" src="/js/sample.js"></script>
Manuell Cookies von Drittanbietern mit iframe / embed / object / link blockieren
Das Blockieren von Cookies von Drittanbietern, die mit iframe / embed / object / link (wie YouTube-Videos) gesetzt werden, erfordert diese etwas anderen Schritte:
Finden Sie jeden iframe / embed / object / link Code, der Cookies von Drittanbietern setzt und ändern Sie den src / href Attributnamen in data-src / data-href.
Fügen Sie das Attribut data-categories hinzu und setzen Sie es auf eine entsprechende Kategorie aus der Liste der Cookie-Kategorien (essential, performance, analytics, advertising, social networking, unclassified)
Nachstehend finden Sie Beispiele für diese Änderungen in verschiedenen Codes.
Eingebettetes YouTube-Videobeispiel
Originalcode:
<iframe width="560" height="315" src="https://www.youtube.com/embed/xxxxxxxxx" frameborder="0" allowfullscreen></iframe>
Änderungen hierzu:
<iframe width="560" height="315" data-src="https://www.youtube.com/embed/xxxxxxxxx" data-categories="advertising" frameborder="0" allowfullscreen></iframe>
Beispiel für ein eingebettetes Element
Originalcode:
<embed src="sample.swf">
Änderungen hieran:
<embed data-src="beispiel.swf" data-categories="werbung" >
Beispiel für ein Objektelement
Originalcode:
<object src="sample.swf"></object>
Änderungen hieran:
<object data-src="beispiel.swf" data-categories="werbung" ></object>
Beispiel für ein Link-Element
Originalcode:
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
Änderungen hierzu:
<link data-href="https://fonts.googleapis.com/css?family=Open+Sans" data-categories="performance" rel="stylesheet" type="text/css">
Beispiel für ein Bildelement
Originalcode:
<img src="http://sample.com/sample.jpg" />
Änderungen hierzu:
<img data-src="http://sample.com/sample.jpg" data-categories="analytics" />