So fügst du den Facebook Pixel in WordPress ein [DSGVO konform]

Von Jonas Tietgen in Technik

Facebook Pixel in WordPress einbinden Headbild

In diesem Artikel zeige ich dir, wie du den Facebook Pixel DSGVO konform in deine WordPress Website einbaust. Du brauchst hierfür keine technischen Kenntnisse und etw eine halbe Stunde Zeit.

Um Facebook Ads besser zu steuern und deine Zielgruppe oder auch Besucher deiner Website anzusprechen, musst du den Facebook Pixel mit WordPress verbinden.

Wieso du den Facebook Pixel auf deiner Website brauchst

Es gibt hierfür mehrere Gründe, die sich einfach zusammenfassen lassen:

Um deine Facebook Ads besser zu steuern.

Zunächst einmal haben deine Ads eine sehr viel höhere Erfolgsrate, wenn du sie an Menschen ausspielst, die bereits auf deiner Website waren, dich somit also kennen. Um diese Leute zu erreichen, musst du sie über den Facebook Pixel auf deiner Website “einfangen”.

Wenn du den Erfolg deiner Ad-Kampagnen anhand von Zahlen festmachen möchtest (und nichts anderes zählt), dann benötigst du den Facebook Pixel, um die sogenannten Conversions, also die durchgeführten Handlungen und Zielvorhaben, zu verfolgen.

Was ist der Facebook Pixel eigentlich?

Nein, es ist kein grafischer Pixel, der irgendwo auf deiner Seite als einzelner Punkt erscheint 😉

Der Facebook Pixel ist nichts anderes als ein mehrzeiliger Code, ähnlich zu dem Google Analytics Tracking-Code. Und so sieht der Facebook Pixel aus:




Der Facebook Pixel und die DSGVO

Der Facebook Pixel sammelt Daten des Websitebesuchers, schickt sie an Dritte (Facebook) und setzt zudem Cookies.

Darum musst du das Tracking für deine Facebook Ads DSGVO konform einsetzen: mit einem Opt-In.

(Wenn du noch kein Opt-In für deine Cookies, Tracking und externe Medien eingebaut hast, zeige ich dir in dieser Anleitung, wie du mit Real Cookie Banner* genau das machen kannst)

Opt-In bedeutet, dass der Websitebesucher dem Tracking aktiv zustimmt.

Du kennst ja die Banner, die mittlerweile beim ersten Aufruf fast jeder Website erscheinen und versuchen, dir irgendetwas über Cookies zu erzählen.

Cookie Banner für Facebook Pixel in WordPress
Ein klassisches Opt-In Banner beim ersten Aufruf meiner Website. Erstellt mit Real Cookie Banner*

Genau das sind die Opt-In Banner. Sie blockieren sämtliches Tracking und das Setzen von Cookies, bis der Websitebesucher bei diesem Banner dem Tracking zustimmt.

Zusätzlich muss die Verwendung des Facebook Pixels in deiner Datenschutzerklärung beschrieben werden. Genau wie das Opt-In ist auch diese Maßnahme Pflicht!

Erste Urteile und weitere rechtliche Infos zum Facebook Pixel findest du hier bei e-recht24.

Erstelle deinen Facebook Pixel

Zunächst einmal musst du deinen Facebook Pixel erstellen, damit du den Code von Facebook zur Verfügung gestellt bekommst. Pro Werbekonto kann nur ein Pixel erstellt werden, der im Anschluss auch nur noch bearbeitet, nicht mehr gelöscht werden kann!

Auch wenn du mehrere Websites besitzt, die du mit Facebook Ads bespielen möchtest, nutzt du für alle gemeinsam den selben Facebook Pixel.

  1. Rufe die Einstellungsseite für den Facebook Pixel im Werbeanzeigenmanager auf
  2. Wenn du noch keinen Pixel erstellt hast, klicke auf “Pixel erstellen” und gib ihm einen Namen (nur für dich sichtbar)
  3. Natürlich musst du nun noch die Nutzerbedingungen akzeptieren
  4. Bestätige nun mit dem Klick auf “Pixel erstellen”

So, schon hast du deinen Facebook Pixel erstellt und kannst damit loslegen, ihn in WordPress einzufügen!

[Meine Empfehlung] Verbinde den Facebook Pixel & WordPress mit Real Cookie Banner*

Ich selber nutze Real Cookie Banner* für das Opt-In auf dieser Website und bin begeistert!

Wenn du bisher noch kein Plugin nutzt, um die DSGVO Voraussetzung des Opt-Ins zu erfüllen, empfehle ich dir das Plugin Real Cookie Banner*.

(Mit dem Gutscheincode WPNINJAS bekommst du 20% Rabatt beim Kauf!)

20% Rabatt auf Real Cookie Banner*!

Gib beim Kauf den Code “WPNINJAS” ein und du bekommst Real Cookie Banner für nur 39€ !

Das Plugin ist in meinen Augen das am einfachsten zu bedienende am Markt und bietet dir zudem umfangreiche Möglichkeiten, deine Website so rechtssicher wie möglich zu machen. Zudem kannst du das Opt-In Banner einfach gestalten, es ist responsive und funktioniert ohne Probleme.

Du kannst mit Real Cookie Banner nicht nur den Facebook Pixel DSGVO konform mit WordPress verbinden, sondern auch sämtliche anderen Cookies und Tracking-Codes. Zudem kannst du externe Verbindungen blockieren, bis das Opt-In erfolgt ist.

Ich nutze Real Cookie Banner selber hier auf der Website und habe nur positive Erfahrungen gemacht. Die wichtigsten Gründe, die für dieses Plugin und gegen andere Plugins sprechen sind meiner Meinung nach:

  • trotz des komplexen Themas einfach einzurichten
  • viele (Text-)Vorlagen zur Einrichtung deiner Cookies
  • viele Möglichkeiten, deine Website rechtssicher zu machen
  • deutsches Plugin, deutscher Support, deutsche Programmierer
  • komplett übersetzbar mir WPML
  • Statistiken über Opt-Ins

Eine ausführliche Anleitung und Vorschau zu Real Cookie Banner findest du hier in diesem Artikel über das Real Cookie Banner Plugin.

So bindest du den Facebook Pixel in WordPress ein

Viele Wege führen nach Rom (oder in diesem Fall zu Facebook).

Es gibt mehrere Möglichkeiten, den Facebook Pixel einzufügen. Ich zeige dir hier die sinnvollsten und einfachsten Varianten.

Egal, wie du den Pixel letztlich einfügst, wichtig ist das Opt-In & der Text in der Datenschutzerklärung auf deiner Website!

Facebook Pixel mit Real Cookie Banner* einbauen

  1. Klicke auf “Cookie hinzufügen”
  2. Wähle bei den Vorlagen “Facebook Pixel” aus
  3. Scrolle zu “Facebook-Pixel ID”
  4. Suche in deinem Facebook Werbeanzeigenmanager deine ID heraus (“Events Manager” -> “Dein Pixel Name”)
  5. Füge die ID in das Feld in Real Cookie Banner ein
  6. Bestätige unten die Checkbox, dass du alles überprüft hast
  7. Klicke auf den “Speichern” Button ganz unten

Da das hier keine vollständige Anleitung zur Einrichtung von des Real Cookie Banner Plugins ist, schaust du am besten noch in meinen Artikel dazu:

Einrichtung des Facebook Pixels in Borlabs Cookie*

  1. Installiere und aktiviere Borlabs Cookie*
  2. Navigiere zu “Borlabs Cookie” -> “Lizenz” und gib deinen Lizenzschlüssel ein
  3. Klicke auf “Cookies” -> “Markting” -> Neu hinzufügen
  4. Wähle nun bei “Service” den “Facebook Pixel” aus
  5. Achte darauf, dass der Status auf “An” steht
  6. Hinterlege bei “Zusätzliche Einstellungen” deine Facebook Pixel-ID und speichere
  7. Gehe zu den “Cookie Gruppen” und stelle sicher, dass “Marketing” bei “Status” aktiv ist

Das hier ist keine komplette Anleitung zur Einrichtung von Borlabs Cookie. Hierfür schaust du am besten in meinen Artikel über Borlabs:

Einfügen des Facebook Pixels über das Plugin “Pixelmate*

Wenn du noch kein Plugin für das Opt-In nutzt, empfehle ich dir das oben vorgestellte Real Cookie Banner.

Wenn du Pixelmate bereits besitzt, zeige ich dir gerne, wie du den Facebook Pixel hier schnell und einfach einbaust.

  1. Navigiere zu “DSGVO Pixelmate” -> “Facebook Pixel”
  2. Aktiviere die Checkbox bei “Facebook Pixel aktivieren”
  3. Hinterlege bei “Facebook Pixel ID” deine Pixel ID
  4. Optional: Klicke auf “Individuelle Nachricht schreiben”, um den Text für den Facebook Pixel in der Cookie-Box zu ändern.
  5. Speichere deine Änderungen auf der rechten Seite ab
  6. Stelle sicher, dass du unter “DSGVO Pixelmate” deine Datenschutz- und Impressumsseite hinterlegt hast

Einfügen über die header.php Datei

WICHTIG
Du musst natürlich auch beim manuellen Einfügen des Codes ein Opt-In für den Nutzer bereitstellen. Das kannst du anschließend entweder über ein Plugin wie Borlabs Cookie oder Pixelmate realisieren (dann kannst du aber auch direkt die oben genannten Mehoden nutzen), mit einem externen Tool oder mit einem eigenen JavaScript Code.

Bei dieser Methode fügst du den Facebook Pixel Code direkt in der Header-Datei deines Themes ein.

Da die header.php Datei beim Update deines Themes überschrieben wird, empfehle ich dir dringend, diese Methode nur in Kombination mit einem Child Theme zu nutzen!

Wenn du dein Theme wechselst, musst du auch den Code erneut in die header.php hinterlegen, auch wenn du ein Child Theme genutzt hast.

Facebook Pixel Code in header.php einfügen
So fügst du den Facebook Pixel manuell in die header.php Datei ein.
  1. Rufe die Einstellungsseite für den Facebook Pixel auf
  2. Klicke bei deinem Pixel oben rechts auf “Details”
  3. Nun findest du oben rechts einen Button “Einrichten” und im sich daraufhin öffnenden Fenster den Link “Code manuell selbst einrichten”
  4. Kopiere den im Abschnitt “2” stehenden Code (einfach darauf klicken)
  5. Navigiere mit Hilfe des Editors in WordPress (“Design” -> “Editor”) oder einem FTP Programm zu deinem Child Theme (wp-content -> themes -> XY Child) und öffne die header.php Datei
  6. Suche nach dem schließenden  Tag
  7. Füge den Pixel direkt vor dem Tag ein
  8. Speichere die Datei

So testest du, ob der Facebook Pixel funktioniert

Nach dem Einfügen solltest du natürlich überprüfen, ob der Pixel korrekt eingebunden ist. Am einfachsten funktioniert das mit dem Facebook Pixel Helper Add-On für Google Chrome.

Facebook Pixel Helper Add-On

Hast du es installiert, findest du oben rechts in Chrome ein neues Icon. Klicke es einfach an und in dem kleinen Fenster sollte dir nun angezeigt werden “One pixel found on…“.

Nach ein paar Tagen solltest du zudem in der Pixelübersicht auf Facebook schauen, ob Aktivität verzeichnet wurde. Dadurch kannst du sicher sein, dass die getrackten Besucher auch wirklich bei Facebook ankommen.

Facebook Pixel Aktivitätsübersicht
Wenn der Facebook Pixel Aktivitäten verzeichnet, wirst du sie in dieser Art angezeigt werden

FAQ

Hier sind einige häufig gestellte Fragen zum Facebook Pixel, der DSGVO Konformität und weiterem:

Wo finde ich meinen Facebook Pixel?

Navigiere hierfür in dein Facebook Werbekonto. Hast du noch keinen Facebook Pixel eingerichtet, kannst du im “Events Manager” unter “Datenquellen verbinden” “Web” anklicken und dort “Pixel” wählen. Wenn du bereits einen erstellt hast, kannst du ihn unter “Events Manager” auswählen und einsehen.
Eine ausführliche Anleitung findest du hier bei Facebook selber.

Ist der Facebook Pixel DSGVO konform?

Nein, von Haus aus ist der Facebook Pixel nicht DSGVO konform. Er schickt personenbezogene Daten deiner Nutzer an Facebook. Du machst den Facebook Pixel DSGVO konform, indem du ein Opt-In einrichtest, sodass aktiv in das Tracking eingewilligt wird. Zudem musst du die Nutzung in deiner Datenschutzerklärung beschreiben.

Reicht auch ein Opt-Out?

Um der DSGVO Folge zu leisten, reicht ein Opt-Out nicht aus. Der Nutzer muss aktiv in das Tracking und das Versenden der Daten einwilligen. Zunächst zu tracken und die Möglichkeit zum Opt-Out zu bieten, ist nicht ausreichend.

Wie kann ich den Facebook Pixel löschen?

Wenn du den Facebook Pixel löschen möchtest, musst du ihn von deiner Website entfernen. Hast du ihn über ein Plugin eingefügt, kannst du ihn in dessen Einstellungen löschen. Um ihn auch aus Facebook zu löschen, musst du “Events Manager” deinen Facebook Pixel aufrufen und kannst ihn auch dort löschen.

Was ist ein Facebook Pixel?

Der Facebook Pixel ist ein Tracking-Code, den du auf deiner Website einbauen kannst. Er hilft dir, Daten für die Optimierung deiner Facebook Ads zu sammeln und sie dadurch zu optimieren.

Lass mich an deinem Vorgehen teilhaben und schreibe in die Kommentare, wie du den Facebook Pixel auf deiner Website eingebunden hast.

Lass deine Meinung da!


  1. Tolle Anleitung, Jonas. Die hätte ich schon vor ein paar Wochen gebraucht. 😉
    Ich baue alle Pixel inzwischen mit dem Plugin Tracking Code Manager ein. Das hat gleichzeitig den Vorteil, dass der viele Code nicht die Ladezeit verlängert.
    Viele Grüße aus Berlin
    Roswitha

  2. Hmmm… und der Datenschutz? Angesichts des aktuellen Hypes um die DSGVO wäre es cool, wenn du zumindest erklären würdest, worauf man achten muss, wenn man das Pixel rechtlich korrekt einbinden will.

    LG
    Jenny

    1. Moin Jenny,

      aktuell kenne ich nur eine ganz ordentlich aussehende Lösung zum Opt-In des Pixels. Ich habe das natürlich im Artikel ergänzt und werde ihn up-to-date halten, sobald es eine ordentliche Lösung gibt!

      Grüße
      Jonas

  3. Hallo Jonas,

    du schreibst, dass ein Pixel auch auf mehreren Webseiten eingebunden werden kann. Sind die Daten dann in der Statistik getrennt? Oder werden die PageViews aller Seiten zusammengeworfen (was natürlich sehr ungünstig wäre)?

    Viele Grüße
    Katharina

    1. Moin Katharina,

      nein, die Statistiken sind nicht getrennt. Du kannst aber natürlich Custom Conversions und eigene Zielgruppen anhand der URL erstellen.
      Wenn du es klar trennen möchtest, müsstest du über den Werbeanzeigenmanager ein neues Konto erstellen.

      Grüße
      Jonas

  4. Hallo, Habe gerade Deinen Bericht gelesen weil ich das Problem habe wenn ich den Pixel von Facebook im Header eingebettet habe funktioniert mein Google analytics nicht mehr. Habe dann versucht den Google code im Footer reinzutun, Hilft auch nicht. Ich dachte ich würde bei Dir die Lösung finden. Leider nicht, muss wohl weitersuchen. Oder gibt es gar keine Lösung, kann man nur eines von beidem benutzten?? Gruss Hans

    1. Moin Hans,

      ich würde dir eine ganz einfache Lösung vorschlagen:
      Da du aufgrund der DSGVO sowieso ein Opt-Out oder Opt-In einbauen musst, nutze am besten das Plugin “Pixelmate*“. Damit kannst du ganz einfach Google Analytics und Facebook Pixel einbinden, während gleichzeitig ein Opt-In / Opt-Out erstellt wird.

      Viele Grüße
      Jonas

  5. Vielen Dank für diese kleine Anleitung!
    Eine Frage habe ich allerdimgs noch:
    Ich habe den FB Pixel über das “Facebook Pixel” Plug in instaliert.
    Ist es mit diesem Plugin auch so dass der Pixel auf allen Seiten funktioniert, oder muss ich ggf. zusätzlich auch noch mit dem Header Footer Plugin wie oben beschrieben arbeiten?

    1. Moin Sascha,

      in der Regel wird der Code automatisch auf allen Seiten eingebaut, ansonsten macht das Plugin auch keinen Sinn 🙂
      Du kannst das mit dem Facebook Pixel Helper Browser-Addon testen.

      Grüße
      Jonas

  6. Hallo Jonas,
    nun habe ich das Plugin hochgeladen und dort das facebook-Pixel eingetragen. Beim Test in Facebook Pixel Helper steht “No pixels found on . Ad and tracking blockers can prevent pixel fires.”
    Nun habe ich die pixel-Id ebenso in Pixelmate eingegeben, aber daselbe Ergebnis.

  7. Hallo Jonas,
    vielen Dank für den Artikel – gut, dass ich nochmal geschaut habe. Der Facebook-Pixel war schon mal auf meiner Seite… bis sie neu aufgesetzt wurde… habe ihn soeben in Pixelmate ergänzt. Da war bis eben nur Google Analytics drin. Warum auch immer.
    Liebe Grüße,
    Anja

  8. Danke für diesen ausführlichen Artikel! Leider hat das Einbauen des Pixels mit Borlabs nicht funktioniert. Der Pixel Helper zeigt den Pixel nicht an und in meinem Cookie-Banner fehlt der Punkt “Marketing” komplett, obwohl ich ihn im Backend aktiviert habe. Ich mache mich jetzt auf die Fehlersuche, bin aber guter Hoffnung, dass ich es noch irgendwie gewuppt bekomme. Dein Artikel war auf jeden Fall ein sehr hilfreicher Einstieg 🙂

  9. Hei Jonas,

    stimmt! In einer Nacht-und-Nebel-Aktion (die Sache hat mir keine Ruhe gelassen) habe ich den Fehler gefunden. Schuld waren Autoptimize und/oder Cachify. Ich habe beide deaktiviert, meine Angaben in Borlabs noch mal bestätigt und dann lief der Pixel plötzlich. Ohne Deinen Artikel hätte ich für diesen ganzen Prozess des Einrichtens wahrscheinlich fünfmal so lange gebraucht … Danke!

    Viele Grüße

    Jane

  10. Hey Jonas, cool und … ich bin verwirrt. Heißt das, dass ich den Pixel nur in Borlabs einfügen muss und dann nicht noch im Header?
    Ich bin gespannt auf deine Antwort.
    Viele Grüße
    Susa

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
Consent Management mit Real Cookie Banner