Bei der Integration des Cookie Hinweises auf Wordpress Seiten verwenden wir das Plugin "Beautiful Cookie Banner". Dieses Plugin basiert auf dem Osano Cookie Consent Skript, welches wir in den anderen Blogbeiträgen schon verwendet haben.
Leider fehlt (Stand: 20.05.2020) die Möglichkeit, die Skripte, die sich im Head der Webseite befinden, über das Plugin zu laden.
Das bloße Installieren des Tools führt nicht dazu, dass nur beim Akzeptieren der Cookies die Skripte geladen werden.
Paradoxerweise legen Cookie Hinweise mit der Möglichkeit Cookies zu akzeptieren oder abzulehnen, selbst Cookies an. Was im ersten Moment komisch klingt, ist aus technischer Sicht einfach zu erklären. Wenn der Webseitenbesucher das Verwenden von Cookies ablehnt, muss die Entscheidung ja irgendwo vermerkt werden. Also in einem Cookie. Diese Cookies gehören zu den essenziellen Cookies, die für den Webseitenbetrieb unerlässlich sind und deshalb auch ohne Zustimmung erlaubt bleiben.
Das Plugin legt also nach der Entscheidung ein weiteres Cookie mit dem Ergebnis der Wahl an. Aber die Tracking Skripte können von dieser Entscheidung ja nichts wissen. Wir müssen also im Head Bereich der Webseite eine kleine Änderung machen um die Skripte zu blockieren.
In unserem Fall gehen wir davon aus das die Integration des Analytics Skript durch das Plugin Head, Footer and Post Injections durchgeführt wurde.
Nach der Installation geht man auf
Einstellungen --> Header and Footer --> Head and footer
Dort muss man den Analytics Code inSection Injection einfügen.
Nehmen wir jetzt den normalen Analytics Code:
<script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview'); </script>
Das einzige was wir machen müssen, ist, eine if-Anweisung um das Skript zubauen:
<script>
if (document.cookie.indexOf('cookieconsent_status=allow') > -1) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview');
}
</script>
Das war es jetzt schon.
Was machen wir oben also? Wir erzeugen also eine if-Anweisung, in den wir mit document.cookie auf die Cookies zugreifen. Das liefert uns eine Zeichenkette mit allen im Browser gespeicherten Cookies von unserer Website zurück. Mit der darauf folgenden Methode indexOf('cookieconsent_status=allow') suchen wir nach dem, in den Klammern stehenden, Cookie mit dem Wert allow. Falls die Methode den Cookie 'cookieconsent_status=allow' nicht in der Cookie Zeichenkette findet, gibt diese den Wert -1 zurück. Wenn er Ihn findet, gibt er die Position in der Zeichenkette zurück. Danach prüft er, ob der Wert größer als -1 ist.
Im Umkehrschluss heißt das: wenn er -1 als Ergebnis zurückgibt, wurde die Anfrage abgelehnt oder noch nicht beantwortet, und das innerhalb der if-Anweisung stehende Skript darf nicht ausgeführt werden. Ist der Wert größer als -1, wurde die Erlaubnis für die Nutzung von Cookies erteilt und das Analytics Skript darf ausgeführt werden. Gesehen in unserer Internetagentur auf einer Website mit Wordpress 5.
