So fügen Sie den Facebook Pixel hinzu und richten Events ein

In diesem Artikel erfahren Sie, wie Sie den Facebook Pixel auf verschiedenen Seiten in systeme.io integrieren und Events einrichten.

Sie benötigen:

  • Ein Facebook Business-Konto
  • Ein Facebook Werbekonto
  • Ein systeme.io Konto
  • Eine eigene Domain

1. Richten Sie Ihren Pixel ein

1.1 Gehen Sie zu Ihren Facebook Business-Einstellungen und klicken Sie dann auf Settings.

Klicken Sie nun unter Data sources auf Data sets & Pixels.

Klicken Sie auf Add. Es öffnet sich ein Popup, in dem Sie Ihren Pixel benennen können. Nachdem Sie einen Namen für Ihren Pixel eingegeben haben, klicken Sie auf Create.

Ein weiteres Popup erscheint mit der Meldung Your pixel isn't ready to use yet. Sie können dieses Popup schließen, da Sie zunächst People und Assets zu Ihrem Pixel hinzufügen müssen.

1.2 Klicken Sie auf Assign people und wählen Sie anschließend Ihr Business-Konto im Popup aus. Aktivieren Sie den Schieberegler für Full control und klicken Sie dann auf Assign.

1.3 Sobald dies abgeschlossen ist, klicken Sie auf Connect assets.

Es öffnet sich ein weiteres Popup, in dem Sie nur das Werbekonto auswählen müssen. Klicken Sie anschließend auf Add.

2. Installieren Sie den Pixel auf Ihrer Website


2.1 Klicken Sie im linken Menü auf All tools und anschließend auf Events Manager.

2.2 Klicken Sie auf Ihren Pixel.

2.3 Klicken Sie auf Set up Meta Pixel.

2.4 Klicken Sie nun unter der Option Manually add Pixel code to website auf Install Code Manually.

Der Meta Pixel-Code wird angezeigt. Dieser muss im Bereich Header Code Ihrer Funnel-Seiten eingefügt werden. Wenn Sie den Code auf allen Seiten aller Ihrer Funnels installieren möchten, können Sie ihn im Feld Tracking Code unter den Einstellungen des Sales Funnels einfügen.

2.4.1 Hinzufügen des Facebook Pixel-Codes in den Einstellungen der Sales-Funnel-Seite

Gehen Sie in den Editor Ihrer Seite und klicken Sie anschließend links im Editor auf Einstellungen.


Fügen Sie anschließend den Facebook Pixel im Feld Edit header code (Kopfzeilen-Code bearbeiten) im Bereich Nachverfolgung ein.
Klicken Sie zum Schluss oben rechts im Editor auf Speichern, um die Änderungen zu speichern.

Hinweis: Es ist wichtig, Ihren Facebook Pixel-Code auf allen Seiten Ihres Sales Funnels einzufügen.

2.4.2 Hinzufügen des Facebook Pixel-Codes über die Sales-Funnel-Einstellungen

Sie können Ihren Facebook Pixel-Code auch in den Sales-Funnel-Einstellungen einfügen, um ihn automatisch auf alle Sales Funnels anzuwenden.

Klicken Sie unter Ihrem Profilbild auf Einstellungen, dann auf Verkaufsfunnel und fügen Sie den Facebook Pixel-Code im Feld Tracking code ein.

2.5 Nachdem Sie den Code kopiert und wie oben beschrieben auf Ihrer Website eingefügt haben, klicken Sie auf Continue. Anschließend haben Sie die Möglichkeit, Automatic advanced matching zu aktivieren. Dies ist optional und hängt von Ihren Präferenzen ab.

2.6 Klicken Sie auf Continue, um fortzufahren.

Sobald der Meta Pixel-Basiscode auf Ihrer Website installiert ist, markieren Sie ihn als erledigt (grünes Symbol). Sie können nun Events auf Ihrer Website einrichten, indem Sie auf Set up events klicken.

Das Event-Setup-Tool funktioniert nicht immer. In diesem Beispiel fügen wir den Event-Code manuell zum Meta Pixel-Code hinzu.

2.7 Für die manuelle Option klicken Sie im erscheinenden Popup auf Install using code.

In diesem Beispiel verwenden wir nur das View content Event.

Fügen Sie es in den Einstellungen Ihres Funnels hinzu.

2.8 Sie müssen Ihre Domain nun verifizieren, indem Sie zu Brand Safety and Suitability > Domains navigieren. Klicken Sie auf Add, geben Sie Ihre Domain ein und klicken Sie anschließend erneut auf Add.

Sie erhalten einen Meta-Tag, der im Header-Code Ihrer Seite oder in den Sales-Funnel-Einstellungen unterhalb des Meta-Pixel-Codes eingefügt werden muss (stellen Sie sicher, dass sich dazwischen ein Zeilenumbruch befindet).

Nachdem Sie den Code hinzugefügt haben, klicken Sie auf Facebook auf Verify domain.

3. Installation testen

Nachdem Ihr Pixel eingerichtet und installiert wurde, können Sie testen, ob er funktioniert.

Klicken Sie auf Test events, geben Sie die URL Ihrer Website in das unten stehende Feld ein und klicken Sie anschließend erneut auf Test events.

Die Test-Events-Seite sollte die Events aus den Aktionen anzeigen, die Sie auf Ihrer Website durchgeführt haben.

4. Deduplizierung von Events auf Facebook (Pixel und CAPI)

Dank der Deduplizierung von Tracking-Daten für die Facebook Conversion API (CAPI) und das Pixel können Sie jetzt ganz einfach Doppelzählungen von Events zwischen dem Browser (Pixel) und dem Server (CAPI) vermeiden. Wenn dasselbe Event über beide Kanäle gesendet wird, erkennt Facebook Duplikate anhand einer eindeutigen Kennung (eventID), führt diese automatisch zusammen und sorgt so für die Genauigkeit der Statistiken.

Wie implementiert man die Deduplizierung?

Um die Deduplizierung zu aktivieren, stellen Sie sicher, dass sowohl die Conversion API (CAPI) als auch das Facebook Pixel korrekt implementiert sind. Falls Sie CAPI noch nicht eingerichtet haben, folgen Sie dieser Anleitung: So konfigurieren Sie die Facebook Conversions API auf systeme.io.

Bei Nutzern, bei denen CAPI bereits implementiert ist, erfolgt die Deduplizierung automatisch durch die Auswahl des Ereignistyps im Dropdown-Menü. Allerdings muss der Pixel-Code aktualisiert werden, um den Platzhalter für die Event-ID zu enthalten. Für jedes getrackte Ereignis muss der entsprechende Platzhalter bzw. die Variable für die Event-ID hinzugefügt werden, um eine korrekte Deduplizierung sicherzustellen.

Was ist die Event-ID?

Die Event-ID ist eine eindeutige Kennung, die für jedes Conversion-Event (z. B. einen Kauf oder eine Anmeldung) generiert wird.

Sie dient dazu, zu verhindern, dass dasselbe Ereignis doppelt gezählt wird, wenn es sowohl über das Pixel (Browser) als auch über die Conversions API (CAPI) an Meta (Facebook) gesendet wird.

  • Die Event-ID wird automatisch über die CAPI gesendet.
  • Im Pixel müssen Sie diese Kennung jedoch manuell im Tracking-Code hinzufügen, indem Sie die von systeme.io bereitgestellten Platzhalter verwenden.

Nachfolgend finden Sie Beispiele für häufige Ereignisse:

  • Kauf: fbq('track', 'Purchase', {}, {eventID: '%FACEBOOK_PURCHASE_EVENT_ID%'});   
  • Termin: fbq('track', 'Schedule', {}, {eventID: '%FACEBOOK_EVENT_ID%'});              
  • Inhalt anzeigen: fbq('track', 'ViewContent', {}, {eventID: '%FACEBOOK_EVENT_ID%'});              
  • Lead: fbq('track', 'Lead', {}, {eventID: '%FACEBOOK_NEW_LEAD_EVENT_ID%'});              

Wichtig:

  • Diese Event-Codes sind einsatzbereit. Sie müssen sie lediglich je nach zu trackendem Ereignis so kopieren und einfügen, wie sie sind.
  • Die Platzhaler (%FACEBOOK_EVENT_ID%              ) werden zum Zeitpunkt der Conversion automatisch durch die tatsächlichen Identifikatoren ersetzt.

Nachfolgend finden Sie ein umfassendes Beispiel, das die Konfiguration der Deduplizierung eines „ViewContent“-Events mithilfe des Facebook Pixels zeigt:

1. Wählen Sie den passenden Event-Identifier aus: Schreiben Sie den Event ID            , um eine eindeutige Event-ID zu generieren.  Diese ID ermöglicht es Facebook, Events, die sowohl über das Pixel als auch über die Conversion API (CAPI) gesendet werden, zu erkennen und zusammenzuführen. Dieser Identifier ist für jedes Event eindeutig und wird automatisch generiert, sobald der Platzhalter oder die Variable hinzugefügt wird. Der Platzhalter stellt sicher, dass der Wert beim Laden des Pixels dynamisch durch die tatsächliche Facebook Event-ID ersetzt wird.

2. Fügen Sie die eventID zum Pixel-Code hinzu: So senden Sie das „ViewContent“-Event mit dem eindeutigen Identifier:

3. Verifizierung:

Für das Pixel-Tracking besuchen Sie die Seite, um sicherzustellen, dass Events wie „View Content“ korrekt mit der zugehörigen Event ID             ausgelöst werden. Die Facebook Pixel Helper-Erweiterung hilft dabei zu überprüfen, ob das Pixel die Events wie erwartet erfasst.

Für das CAPI-Tracking muss der Nutzer durch Ihre Website navigieren, um serverseitige Events auszulösen.

  • Im Fall von View Content oder der Lead-Erkennung reicht es aus, die Seite aufzurufen, um das Event auszulösen.
  • Für Purchase-Events muss ein Testkauf durchgeführt werden, um die Werte des Kaufbetrags zu erfassen.
  • Sowohl CAPI- als auch Pixel-Events können anschließend im Meta Events Manager eingesehen werden, um zu bestätigen, dass sie korrekt erfasst werden und die Deduplizierung wie vorgesehen funktioniert.

Hinweis: Stellen Sie sicher, dass Sie den exakten Platzhalter {{FACEBOOK_EVENT_ID}} verwenden. systeme.io füllt diesen automatisch mit der eindeutigen ID von Facebook aus.

Durch das Befolgen dieses Beispiels aktivieren Sie die Deduplizierung zwischen Pixel und CAPI, vermeiden doppelte Ereignisse und stellen präzise Conversion-Daten für Ihre Kampagnen sicher.

Tracking des Kaufbetrags über CAPI

Um den Kaufbetrag über CAPI zu tracken, gehen Sie wie folgt vor:

  • Verwenden Sie den Event-Typ Purchase.
  • Erfassen Sie dabei sowohl den Kaufbetrag als auch die Währung.
  • Bei physischen Produkten wird die Währung aus dem Produkt übernommen.
  • Bei digitalen Angeboten oder Abonnements wird die Währung aus dem jeweiligen Preisplan verwendet.

Das Tracking von Order Bumps und Upsells separat

Nutzer fragen häufig, ob Order Bumps und Upsells separat vom Hauptkauf-Event getrackt werden können. So funktioniert es:

  • Der gesamte Bestellwert – einschließlich Upsells – wird zum Zeitpunkt des Purchase-Events übermittelt.
  • Order Bumps und Upsells werden in der Regel als digitale Produkte hinzugefügt, ähnlich wie das Hauptangebot.
  • CAPI auf der Thank-You-Page erkennt automatisch alle vorherigen Käufe (Hauptangebot, Order Bumps und Upsells).

Hinweise:

  1. CAPI erfasst den vollständigen Bestellwert, einschließlich aller Upsells und Order Bumps, sofern diese zum Zeitpunkt des Events Teil der Bestellung waren.
  2. Die Implementierung von CAPI auf der Thank-You-Page stellt sicher, dass alle Käufe (Hauptangebot, Order Bumps und Upsells) in einem einzigen Event erfasst werden.