Stape
Suche
Kostenlos ausprobieren

Facebook-Conversion-API für WordPress

Aktualisiert
14. Okt. 2024
Veröffentlicht
30. März 2023
Auch erhältlich

Sind Sie auf der Suche nach einer einfachen Möglichkeit, eine Facebook-Conversion-API für Ihre WordPress-Website einzurichten? In diesem Beitrag erfahren Sie alles, was Sie über Facebook-Conversion-API wissen müssen. Anschließend folgen wir einer Schritt-für-Schritt-Anleitung zur Einrichtung der Facebook Conversion API für WordPress mit Hilfe des serverseitigen Plugins GTM von Stape.

Warum FB CAPI für WordPress implementieren?

Wir verwenden Facebook Pixel seit Jahren, um zu sehen, wie unsere Anzeigen funktionieren, und um eine große Zielgruppe für Remarketing aufzubauen. Der Einfluss von Facebook Pixel nimmt jedoch dank der Verbesserungen der Privatsphäre in iOS 14 und der bevorstehenden Abschaffung von Cookies im nächsten Jahr ab.

Um dieses Problem zu lösen, hat Facebook eine neue und verbesserte Facebook Conversions API eingeführt. Diese Technologie war schon immer nützlich für Vermarkter, die Conversions ordnungsgemäß nachverfolgen wollen, aber jetzt ist sie entscheidend für Facebook-Werbetreibende, die ihre Strategie für die Zukunft in einer datenschutzsensiblen Umgebung schützen wollen.

Widerstandsfähigkeit gegenüber Werbeblockern

CAPI nutzt das serverseitige Tracking, das Daten direkt vom Server Ihrer Website an Facebook sendet und damit Einschränkungen durch die Privatsphäre-Einstellungen der Nutzer und Browser-Beschränkungen umgeht, da es nicht auf Cookies angewiesen ist. Darüber hinaus kannst du damit Werbeblocker umgehen, da die Tracking-Anfragen von deiner Serverseite und nicht vom Browser des Nutzers gesendet werden. Dies kann die Leistung Ihrer Werbekampagnen verbessern.

Verbesserte Optimierung

Die Facebook-Conversion-API für WordPress bietet zusätzliche Datenpunkte, die Ihnen bei der Optimierung Ihrer Kampagnen helfen können, z. B. nutzerdefinierte Ereignisse wie die Verweildauer auf der Website, die Scrolltiefe und das Einreichen von Formularen. Dies ermöglicht es Ihnen, das Nutzerverhalten entsprechend besser zu verstehen.

Verbesserte Zuordnung

CAPI ermöglicht es Ihnen, Conversions genau der richtigen Anzeige zuzuordnen, selbst wenn die Conversion stattgefunden hat, nachdem der Nutzer Ihre Website verlassen hat. Dies liegt daran, dass das serverseitige Tracking es ermöglicht, Conversion-Ereignisdaten direkt an Facebook zu senden, ohne dass der Browser des Nutzers eine Tracking-Anfrage auslösen muss.

Einrichtung der Facebook-Conversion-API für WordPress

Richten Sie den Google Tag Manager Container auf dem Stape Server ein

1. Gehen Sie auf https://tagmanager.google.com/ und melden Sie sich bei Ihrem Google Tag Manager-Konto an..

Google Tag Manager account

2. Klicken Sie auf die Taste "Admin", und klicken Sie unter der Spalte "Container" auf die Taste "+ Create Container".

Create Container

3. Wählen Sie einen Namen für Ihren Server-Container, wählen Sie "Server" als Containertyp und klicken Sie auf die Taste "Create".

create server container in google tag manager

4. Wählen Sie die Option "Manually provision tagging server" und kopieren Sie die angezeigte Container-Konfiguration. Speichern Sie diese Konfiguration in einem Texteditor, da Sie sie später noch benötigen werden.

Manually provision tagging server

5. Melden Sie sich bei Ihrem Konto in unserem Dienst an oder erstellen Sie ein neues Konto, falls Sie dies noch nicht getan haben.

6. Sobald Sie eingeloggt sind, klicken Sie auf die Schaltfläche "Create Container". Geben Sie Ihrem Container einen Namen, fügen Sie die Container-Konfiguration ein, die Sie von Ihrem Google Tag Manager Server-Container kopiert haben, und wählen Sie den Serverstandort aus. Klicken Sie auf "Create Container".

create container at stape

7. Warten Sie etwa 5 Minuten, bis der Server-Container bereitgestellt ist. Aktualisieren Sie die Seite, um den Status zu aktualisieren. Wenn die Einrichtung korrekt durchgeführt wurde, sollten Sie den Status "Running" sehen. Wenn Sie "Error" sehen, überprüfen Sie, ob Sie die richtige Container-Konfiguration kopiert haben. Wenden Sie sich an den Support, wenn der Fehler weiterhin besteht.

8. In diesem Schritt müssen Sie eine Tagging-URL einrichten.

Sie haben zwei Optionen:

  • Sie können die Tagging-URL verwenden, die für Sie erstellt wurde und auf unserer Domain (stape.io) gehostet wird.
  • Oder verwenden Sie eine benutzerdefinierte Domain. Ich empfehle dringend, diese Option zu verwenden, da sie hilft, blockiertes Tracking zu verhindern und die Lebensdauer von Cookies zu verlängern.

Wenn Sie sich für die erste Option entscheiden, fahren Sie mit Schritt 9 fort.

Wenn Sie eine benutzerdefinierte Tagging-URL konfigurieren möchten, klicken Sie unter der von stape bereitgestellten Tagging-URL auf "Add domain" (Domäne hinzufügen) -> melden Sie sich bei Ihrem Domänennamen-Service an und erstellen Sie einen neuen DNS-Eintrag für die gewünschte Subdomäne. Sie können jeden beliebigen Subdomainnamen verwenden. 

Fügen Sie diese Einstellungen hinzu:

    Typ: A

    Name: ss (oder ein beliebiger anderer Subdomainname)

    IPv4 address: Die IP-Adresse hängt vom Standort der Server ab. Sie können die nutzerdefinierte Domain-IP-Adresse in Ihrem stape.io-Konto finden.

    TTL: Auto

    Proxy status: deaktivieren

Ihre Einstellungen sollten folgendermaßen aussehen:

a custom tagging URL

9. Sie können die Funktion "Global CDN" für den Server-Container aktivieren, die die Cloudflare-Technologie verwendet, um js-Dateien von einem Server zu laden, der sich näher an Ihren Website-Besuchern befindet, was zu einer schnelleren Bereitstellung von js-Dateien und einer besseren Seitengeschwindigkeit führt. Beachten Sie die Datenschutzbestimmungen Ihres Landes, bevor Sie diese Funktion aktivieren. Fügen Sie einen CNAME-Eintrag hinzu, damit Global CDN funktioniert.

!

Berücksichtigen Sie die Datenschutzbestimmungen Ihres Landes, bevor Sie Global CDN aktivieren.

Nachdem Sie Global CDN aktiviert haben, müssen Sie einen CNAME-Eintrag hinzufügen, damit Global CDN funktioniert. 

10. Fügen Sie die URL des Tagging-Servers zum Google Tag Manager Server-Container hinzu, indem Sie auf "Admin" gehen, dann "Settings" und "Container-Settings" wählen.

Konfigurierung des serverseitigen GTM-Plugins für WordPress

1. Melden Sie sich in Ihrem WordPress-Admin an und gehen Sie zu den Plugins. Klicken Sie dann auf " Add New", geben Sie "GTM Server-Side" ein, wählen Sie dieses Plugin und klicken Sie auf Install now. Sobald es eingerichtet ist, klicken Sie auf Aktivieren. 

wordpress plugin by stape

2. Öffnen Sie das im ersten Schritt installierte serverseitige GTM-Plugin und fügen Sie die Tagging-URL in die Plugin-Einstellungen ein. Wählen Sie dann aus, ob Sie Web-GTM zu allen Seiten der Website hinzufügen möchten oder nur die Plugin-Funktionalität ohne GTM-Skript (diese Option sollte verwendet werden, wenn Sie ein anderes Plugin verwenden, das GTM-Skript auf der Website einfügt). Fügen Sie als Nächstes die WEB Google Tag Manager ID, die URL des Tagging-Servers und die ID des Stape Containers hinzu, wenn Sie einen Custom Loader verwenden möchten. 

GTM Server-Side plugin

3. Wenn Sie eine E-Commerce-Website haben und Event- und Nutzerdaten in den Data Layer übertragen möchten, klicken Sie auf die zweite Registerkarte des Plugins und aktivieren Sie zwei Checkboxen. Beachten Sie, dass es nur mit Woocommerce-Shops funktionieren kann. 

push ecommerce events and user data to the Data Layer

Einrichtung der Server-Seite GA4

1. Erstellen Sie innerhalb des Web-Containers ein neues Tag vom Typ Google Tag. Fügen Sie Ihre Google Tag ID hinzu.

Fügen Sie im Abschnitt Konfigurationseinstellungen die folgenden Parameter hinzu:

  • Name: server_container_url
  • Value: Geben Sie die URL ein

Auslöser zum GA4-Tag hinzufügen. Normalerweise sollte er bei allen Seitenaufrufen ausgelöst werden.

set up Google Analytics 4 server-side 

Sie können auch eine Google Tag: Konfigurationseinstellungen-Variable erstellen, die die Google-Tag-Einstellungen vordefiniert, wenn Sie mehrere Google-Tags auf Ihrer Website verwenden müssen und die Einstellungen nicht für jeden einzelnen Tag manuell hinzufügen möchten.

Bei diesen Parametern kann es sich zum Beispiel um eine Einstellung handeln, die festlegt, ob bei jeder Auslösung eines Google Tags ein Seitenaufruf-Ereignis gesendet werden soll, oder um UTM-Parameter, eine Client-ID usw. Es gibt eine Liste der Standard-Konfigurationsparameter für Google Tags.

2. Um das GA4-Ereignis einzurichten, gehen Sie zum Abschnitt Tags und erstellen Sie ein neues Tag mit dem Tagtyp Google Analytics: GA4 Ereignis. Fügen Sie Ihre GA4-ID und den Ereignisnamen hinzu; es gibt eine Liste mit Standard-Ereignisnamen.

Sie können eine Google Tag: Event Settings-Variable erstellen, die dabei hilft, Event-Parameter für mehrere GA4 Event-Tags oder Google Tags gemeinsam zu nutzen. Das können zum Beispiel Nutzer- oder Produkteigenschaften sein, und es gibt auch eine Liste von Standardparametern für Ereigniseinstellungen.

Google analytics 4 events settings 
google tag event settings variable

3. Öffnen Sie den Google Tag Manager Server-Container -> klicken Sie auf Client -> erstellen Sie einen GA4-Client und speichern Sie ihn -> gehen Sie zu Tags und richten Sie GA4-Tags ein. Denken Sie daran, dass GA4 automatisch nicht nur Pageview, sondern auch andere Ereignisse sendet. Wählen Sie innerhalb von Event Name die Variable {{Event Name}}. -> fügen Sie den Auslöser Client Name gleich GA4 hinzu.

set up ga4 tag in the server container 
set up ga4 client in the server container 

4. Öffnen Sie den Server-Container-Vorschaumodus und überprüfen Sie, ob GA4-Anfragen angezeigt werden. 

ga4 requests

Einrichtung der Facebook-Conversion-API für WordPress

Sie haben 2 Optionen, um unser Tag für die Facebook-Conversion-API zu konfigurieren.

Vererben von GA4-Kunden:

In diesem Fall werden wir Ihre GA4-Ereignisse in Facebook-Standardereignisse umwandeln. Wenn wir das GA-Ereignis nicht in ein Standard-FB-Ereignis umwandeln können, werden wir es als benutzerdefiniertes Ereignis aufzeichnen. Alles wird automatisch erledigt, Sie müssen keine FB-Events einrichten. 

1. Erstellen Sie ein neues Tag in Ihrem Server-Container. Gehen Sie zur Galerie der Community-Vorlagen und fügen Sie das Tag für Facebook-Conversion-API hinzu. Wählen Sie im Tag die Option von Kunde erben. Geben Sie Ihr FB-API-Zugangs-Token, Ihre FB-Pixel-ID und Ihre Test-ID ein, um Ereignisse im FB-Testtool zu sehen.

facebook conversion api

2. Fügen Sie einen Trigger hinzu. Klicken Sie auf Trigger-> + in der oberen rechten Ecke-> Triggereinstellungen und wählen Sie einen nutzerdefinierten Trigger-> dieser Trigger wird bei bestimmten Ereignissen ausgelöst-> Kundenname ist gleich GA4. Klicken Sie auf Save.

trigger configuration

Überschreiben

In diesem Fall müssen Sie die FB-Ereignisse manuell einrichten.

Sie müssen GA4-Ereignisse verwenden, um Facebook-Server-Ereignisse auszulösen.

Nehmen wir als Beispiel ein "add_to_cart"-Ereignis und wir möchten die Parameter value, currency und item_id senden.

1. Erstellen Sie ein GA4-Ereignis-Tag in Ihrem Web-Container oder ändern Sie ein bestehendes. Wählen Sie die soeben erstellte GA4-Konfiguration als "Configuration Tag" und setzen Sie den Ereignisnamen auf "add_to_cart". Und wir wollen die Ereignisparameter senden: value, currency, item_id.

Create a GA4 Event tag in Web container

Wir übernehmen diese Parameter aus dem DataLayer, aber da wir nicht alle Daten aus dem DataLayer übergeben, wollen wir Variablen für diese Parameter erstellen.

Um diese Variablen zu erstellen, müssen wir eine Vorschau im Webcontainer ausführen und die DataLayer öffnen.

a preview in the web container

Lassen Sie uns eine Variable für "value" erstellen.

Öffnen Sie die Variablen, erstellen Sie eine neue Data Layer Variable, schreiben Sie in den Namen der Data Layer Variable den Pfad, den wir in unserer Datenschicht für diesen Parameter sehen können. In diesem Fall ist es ecommerce.value. Klicken Sie auf Save.

ecommerce.value

Wiederholen Sie den Vorgang für die anderen Parameter.

Gehen wir zurück zu unserem GA4-Tag und schreiben wir die Parameter auf, die wir übergeben wollen, wenn add_to_cart ausgelöst wird. Fügen Sie einen Auslöser hinzu. Der Triggertyp ist ein benutzerdefiniertes Ereignis, das bei allen benutzerdefinierten Ereignissen ausgelöst wird, der Ereignisname "add_to_cart". Klicken Sie auf Save.

 event name “add_to_cart”

2. Erstellen Sie ein neues Facebook Conversion API Tag in Ihrem Server Container. Gehen Sie zur Galerie der Community-Vorlagen und fügen Sie ein Facebook Conversion API-Tag hinzu. In diesem Fall wählen wir bei Event Name Setup Method die Option Override und den Event-Typ AddToCart. Geben Sie Ihr FB-API-Zugangs-Token, Ihre FB-Pixel-ID und Ihre Test-ID ein, um die Ereignisse im FB-Testtool zu sehen.

new Facebook Conversion API tag

Als Nächstes geben wir die benutzerdefinierten Daten ein, die wir an Facebook weitergeben wollen. Für diese Parameter müssen wir auch Variablen erstellen, aber jetzt in einem Server-Container mit dem Variablentyp " Event Data ".

variable “event data“

Wir erstellen einen benutzerdefinierten Event-Trigger namens add_to_cart, der ausgelöst wird, wenn der Kundenname GA4 lautet. Wir klicken auf save.

event name add_to_cart

Überprüfung der Vollständigkeit und Richtigkeit der Einrichtung

Öffnen Sie den Web- und Server-GTM-Container-Debugger und klicken Sie sich durch Ihre Website. Im Server-GTM-Container sollten Sie die vom Tag der Facebook-Conversion-API beanspruchten Anfragen sehen.

web and server GTM containers debugger

Sie können dieses Ereignis auch mit dem Facebook-Testing-Tool testen.

Facebook testing tool

Schlussfolgerung

Es ist wichtig, sich der modernen Technologie und des digitalen Zeitalters, in dem wir heute leben, bewusst zu sein. Daher sollten Sie auf jeden Fall die enorme Hilfe verstehen, die Sie von der Facebook-Conversion-API-Technologie erhalten können. Ihre Verwendung in WordPress kann zu einer genaueren Datenverfolgung, schnelleren Downloads, Einhaltung der Datenschutzbestimmungen und einer besseren Ausrichtung der Anzeigen führen.

Wenn Sie also bereit sind, dieses erstaunliche Tool in Ihre Geschäftsstrategie zu integrieren, zögern Sie nicht, unser Support-Team zu kontaktieren, wenn Sie Hilfe bei der Einrichtung benötigen.

Tagged with:FacebookWordPress

Probieren Sie Stape für alles rund um Server-seitigejetzt!