Für den datenschutzkonformen Einsatz des Facebook-Pixels auf deiner Webseite, musst du deinen Besuchern die Möglichkeit geben, sich über einen Opt-out Link in deiner Datenschutzerklärung vom Tracking auszuschließen.
DSGVO Update: Der Einsatz des Facebook Pixels bedarf der expliziten Einwilligung zum Tracking mit dem Facebook Pixel. Du benötigst also zwingend ein Optin für den Facebook Pixel. Das kannst du zum Beispiel wunderbar mit dem Plugin von Borlabs erreichen
In diesem Artikel möchte ich dir in 8 einfachen Schritten erklären, wie du den Opt-out Link für den Facebook Pixel auf deiner Webseite umsetzt mit Hilfe des Google Tag Managers.
Ich setzte in diesem Artikel voraus, dass du den Facebook Pixel bereits auf deiner Webseite über den Google Tag Manager integriert hast. Die Einrichtung dazu ist kinderleicht, falls du das noch machen möchtest.
In unserem Online Marketing Kurs zeigt dir Fabian, wie die Integration des Facebook Pixels mit dem Google Tag Manager funktioniert und auch die Einrichtung des Borlabs Plugin wird dir gezeigt.
Das Prinzip funktioniert so: Wir setzen einen Cookie, wenn der Besucher auf deiner Webseite den Link zum Facebook Pixel Opt-out klickt. Dieser Cookie wird dann genutzt, um das Tracking des Pixels zu unterbinden. Ich zeige dir das Schritt für Schritt auf und stelle dir auch die entsprechenden Codes und Befehle zum einfachen Kopieren zur Verfügung. Bist du bereit? Dann lass uns loslegen!
Wenn du den Facebook Pixel auf deiner Webseite nutzt, gehört natürlich als erstes ein entsprechender Passus in deine Datenschutzerklärung. Du kannst dir solch einen Passus zum Beispiel mit einen Datenschutz Generator erstellen lassen oder du schaust mal bei uns in den Datenschutz.
Dieser Passus muss jetzt noch erweitert werden, mit dem Hinweis zum Opt-out des Facebook Pixels.
Sie können das Tracking über den Facebook Pixel jederzeit verhindern, indem Sie auf den Link Facebook Pixel deaktivieren klicken.
Den Satzabschnitt "Facebook Pixel deaktivieren" müssen wir jetzt noch als Link kennzeichnen und diesem Link eine ID geben. Über diese ID können wir später den Link bzw. den Klick auf den Link im Google Tag Manager triggern. Das href Attribut setzen wir als #, da der Link sonst keine weitere Funktion benötigt.
Der HTML-Code sieht dafür folgendermaßen aus:
<a id="fb-opt-out" href="#">Facebook Pixel deaktivieren</a>Diesen Trigger (klick auf den Link in Schritt 1) benötigen wir, um den Cookie in Schritt 3 zu setzen.
Geh als erstes auf Trigger (1) und lege einen neuen Trigger an (2). Dann kannst du ganz oben einen Namen für diesen Trigger vergeben. Als Trigger-Typ wählst du dann "Klick - Nur Links" (3) aus und setzt den Radio-Button auf "Einige Klicks auf Links" (4). Nun wählst du, wann dieser Trigger ausgelöst werden soll (5).
Wir wollen den Trigger auslösen, wenn der Benutzer auf den Link mit der gesetzten ID aus Schritt 1 klickt. Daher wählst du als erstes die Click ID (wenn du diese Funktion nicht zur Verfügung hast, wechsel links unter Trigger auf Variablen, dann auf konfigurieren und wähle da Click ID in der Liste aus).
Der Trigger soll ausgelöst werden, wenn der Wert ist gleich der ID ist, die wir im Link vergeben haben, also fb-opt-out. Dann das Ganze speichern und fertig.
Nun erstellen wir den Tag, wo wir den Cookie festlegen. Dazu auf Tags (1) klicken und einen neuen Tag (2) anlegen und benennen. Als Tag-Typ wählst du "Benutzerdefiniertes HTML" und fügst dann den Code, der hier unten aufgeführt ist ein:
<script>
var cookieName = "fboptout";
var cookieValue = "true";
var cookiePath = "/";
var expirationTime = 473040000;
expirationTime = expirationTime * 1000;
var date = new Date();
var dateTimeNow = date.getTime();
date.setTime(dateTimeNow + expirationTime);
var expirationTime = date.toUTCString();
document.cookie = cookieName+"="+cookieValue+"; expires="+expirationTime+"; path="+cookiePath; //Set cookie
</script>(Quelle: https://marthijnhoiting.com/set-a-cookie-with-the-google-tag-manager/)
Nun geben wir dem Cookie einen Name unter "var cookieName = "fboptout";" und setzen den Cookie auf "true". Bei expirationTime also der Ablaufzeit des Cookies habe ich einen Zeitraum von 15 Jahren gewählt in Sekunden. So lange bleibt der Cookie gesetzt, wenn er nicht gelöscht wird. Ich denke 15 Jahre sollten ausreichen, eine längere Lebensdauer hat wohl kein technisches Gerät.
Als nächstes legen wir nun den Trigger aus Schritt 2 fest, der dann diesen Cookie auslöst (4) und speichern das alles ab.
Wenn der Besucher auf den Facebook Pixel Opt-out Link klickt, wird nun der Trigger ausgelöst, der Cookie gesetzt und in Schritt 4 eine Variable erzeugt, die erkennt, dass der Cookie mit den Wert "true" gesetzt wurde. Diese Variable brauchen wir später, um das Tracking des Facebook Pixels zu unterbinden.
Wir wählen die Variablen (1) und erstellen eine Neue (2). Dann vergeben wir wieder einen Namen und wählen als Variablen-Typ der First-Party-Cookie aus (3). Nun legen wir fest, für welchen Cookie-Namen das Ganze zählt (4). Hierbei ist wichtig, das der Wert im Cookie Name genau so heißt, wie wir den in Schritt 3 vergeben haben. Also "var cookieName = "fboptout";". Abspeichern und fertig.
Link gesetzt, Trigger eingestellt, Tag konfiguriert und Variable festgelegt. Zeit zum Testen! Dafür lassen wir uns jetzt die Vorschau im Tag Manager anzeigen oben rechts (neben den blauen Senden Button) und wechseln auf unsere Seite und laden diese mal neu. Jetzt sollte sich der Google Tag Manager im unteren Bereich der Seite auftun.
Navigiere zur Datenschutzerklärung, wo der Facebook Opt-out Link "Facebook Pixel deaktivieren" steht und klicke drauf (1). Nun sollte der Google tag Manager seinen Tag abfeuern, was du daran erkennst, dass in der Summary der FB Opt-out (oder wie auch immer du den Tag genannt hast) steht (2).
Prüfe, ob auch die Variable gesetzt ist und erkannt hat, dass der Link geklickt wurde. Dazu wechselst du im Google Tag Manager auf das letzte Ereignis (gtm.linkClick) (1) auf den Reiter Variables und dort solltest du den Eintrag finden zur Variable FB Opt-out mit dem Typ First-Party-Cookie und dem Wert true.
Wenn dem so ist, funktioniert bis jetzt alles, herzlichen Glückwunsch, wir können weiter machen.
Die Variable aus Schritt 4 hat nun den Wert "true" übernommen und dies teilen wir nun einen weiteren Trigger mit. Diesen Trigger benötigen wir dann im nächsten Schritt, um das Tracking vom Facebook Pixel zu deaktiveren. Aber eins nach dem anderen.
Du kennst das Spiel: Trigger (1) neu erstellen (2) und einen Namen geben. Als Trigger-Typ wählen wir diesmal unter Seitenaufruf "DOM ist bereit." (3) und lösen diesen Trigger bei einigen Ereignissen, die bei bereitem DOM-Objekt ausgelöst werden, aus (4).
Nun wählen wir die Variable aus Schritt 4 mit dem Namen FB Opt-out und setzen den Wert auf "ist nicht gleich" mit dem Wert "true" (5).
Das besagt nun folgendes: Wenn der Besucher auf den Opt-out Link klickt, dann löst der Trigger aus Schritt 2 den Cookie aus Schritt 3 aus und die Variable aus Schritt 4 erkennt das und übernimmt den Wert. Der neue Trigger aus Schritt 6 macht nun erstmal gar nichts, solange die Variable nicht den Wert "true" erhalten hat. Erst wenn der Besucher mit seinem Linkklick den Prozess in Gang setzt, dann springt auch der Trigger aus Schritt 6 an.
Und genau das nutzen wir jetzt, um das Tracking des Facebook Pixels zu verhindern.
An dieser Stelle brauchen wir jetzt deinen bereits vorhanden Tag, als du den Facebook Pixel mit deinem Google Tag Manager verknüpft hast. Solltest du den nicht haben, dann musst du den Tag natürlich noch erstellen, sonst hat das vorherige alles keinen Sinn. Du kannst dir den Pixel Code aus deinem Facebook Werbeanzeigenmanager rauskopieren und als Benutzerdefiniertes HTML im Tag hinterlegen.
Wir gehen auf Tag (1) und wählen den vorhandenen Tag für den Facebook Pixel aus (2). Jetzt sollte bei dir noch der alte (falsche) Trigger drin stehen (3) zum Seitenaufruf für All Pages. Diesen Trigger müssen wir jetzt ersetzen mit dem neuen Trigger aus Schritt 6, wie es im Bild gezeigt ist. Dann speichern und das wars schon.
Wir haben es fast geschafft und wechseln zum finalen Test nochmal in den Vorschaumodus und aktualisieren diesen mit einem Klick unterhalb des orangen Banners zur Vorschau des Arbeitsbereichs.
Dann wechsel auf deine Seite und aktualisiere diese zur Sicherheit. Um zu prüfen, ob der Pixel noch aktiv ist, würde ich dir das Chrome Browser Plugin Facebook Pixel Helper empfehlen. Da wir bereits in Schritt 5 den Link geklickt und die Cookies gesetzt haben, sollte der Pixel Helper keine Pixel mehr erkennen.
Wenn dem so ist, dann hat alles funktioniert. Du kannst auch gerne nochmal die Cookies auf dieser Seite löschen, entweder indem du auf das Schloss neben der URL im Browser klickst und auf Cookies gehst. Dort findest du dann unter deiner Seite den Ordner Cookies und suchst dann den fpoptout Cookie raus bzw. den Cookie, wie du ihn benannt hast.
Oder du nutzt ein schönes Chrome Plugin, den EditThisCookie und löscht den Cookie darüber raus. Jetzt sollte der Facebook Pixel Helper wieder anschlagen, nachdem du deinen Browser aktualisiert hast. Durch erneuten Klick und anschließender Aktualisierung auf den "Facebook Pixel deaktivieren" ist der Pixel wieder verschwunden.
Wenn alles geklappt hat, dann darfst du jetzt nicht vergessen, den gesamten Prozess im Google Tag Manager abzuspeichern. Klicke oben rechts auf Senden, vergib deinen Versionsname und veröffentliche die Änderungen.
Fertig! Ich hoffe es war verständlich und jetzt viel Spaß beim nachmachen.
