Ab Shopware 5. 7. 0 bietet die genutzte HTTP Client Bibliothek Guzzle, als auch die neue Mindest-PHP-Version 7. 3, vollständige asynchrone HTTP Requests. ab Pluginversion 4. 1. Anleitung: Facebook Pixel installieren und einbinden 2022. 0: Damit auch bei aktivem Shopware HTTP-Cache eine entsprechende Ereignisqualität erreicht wird (siehe nächster Punkt), werden die Ereignisse nun über eine zusätzlichen asynchrone JavaScript Anfrage an die Conversion API übermittelt. Damit wird die Performance beim Laden des Shops nicht mehr beeinträchtigt, da die Anfrage nach dem übermitteln der Ereignisse via Facebook Pixel (JavaScript/Browser) an die Conversion API (PHP/Server) gesendet werden. Ereignisqualität Bei einem aktiven Shopware HTTP-Cache landen Anfragen, zu denen es zwischengespeicherte Seiten gibt, nicht im PHP Plugin-Stack. Daher werden bei aktivem HTTP-Cache folgende Ereignisse nur beim allerersten Aufruf einer noch nicht zwischengespeicherten Seite über die Conversion API erfasst: PageView ViewContent ViewProduct ViewCategory ViewManufacturer Durch die parallele Nutzung von Facebook Pixel und Conversion API werden die zuvor genannten Ereignisse jedoch weiterhin über den Facebook Pixel (JavaScript/Browser) erfasst.
**Gastartikel von Thomas Thaler ** Alltag im Agenturgeschäft: Ein neues Performance-Marketing-Projekt steht vor der Türe und wir wollen vor dem Start den Facebook Pixel aktivieren: einerseits, um das Conversion Tracking für unsere zukünftigen Kampagnen zu ermöglichen, andererseits, um aus den Aktivitäten der Website-Besucher spannende Zielgruppen für das spätere Retargeting zu generieren. Wir schicken also an die (interne oder externe) IT-Abteilung des Kunden eine dringende Bitte, das rasch im HTML-Code des Webshops einzubauen. Nun ja, rasch ist halt ein relatives Adjektiv. Für alle, die nun an dieser Stelle nicht einige Jahreszeiten verstreichen lassen wollen, hier eine kurze Anleitung, wie man dynamische Pixel Events auch als Nicht-Entwickler selbst implementiert. Facebook pixel übertragen englisch. Um die gestresste IT nicht unnötig mit jedem Änderungswunsch zu nerven, werden wir dafür den Google Tag Manager (=GTM) einsetzen. Mit dem GTM können wir Code Snippets wie Facebook Pixel Events über eine angenehme Benutzeroberfläche einbauen und konfigurieren, ohne dabei in den Quellcode der Website eingreifen zu müssen.
Alle Elemente werden zu Objekten einer Baumstruktur, die dynamisch aufgerufen, verändert, hinzugefügt und gelöscht werden können. Variante 1: automatische DOM-Variablen Der automatische Zugriff auf solche Objekte erfolgt im GTM entweder über die ID oder die CSS-Klasse. Das funktioniert bei sauber programmierten Webshops in der Regel problemlos. Am schnellsten finden wir solche Referenzwerte, indem wir im Browser über dem gewünschten Feld die rechte Maustaste drücken und im Kontextmenü Untersuchen auswählen. Facebook pixel übertragen von. Blöderweise sind nicht alle Webshops sauber programmiert und der Variablentyp DOM-Element wird nicht in allen Fällen zeitgerecht aktualisiert. Es kann also durchaus vorkommen, dass ein Trigger bereits einen Tag feuert, bevor diese Variable aktualisiert wurde. Wir werden uns daher vermutlich noch etwas mehr Mühe machen müssen und Variante 2 einsetzen. Variante 2: Wir befüllen die Datenschicht händisch In einer perfekten Welt holen wir uns die gewünschte Information über die ID des Elements mittels der JavaScript-Funktion tElementById("twotabsearchtextbox"); In der Praxis fehlen sehr oft eindeutige Element-IDs im Quellcode.
Es muss lediglich einmal der GTM Code quasi als Platzhalter auf allen Seiten des Webshops eingebaut werden. Im GTM können wir uns dann im Wesentlichen drei Dingen widmen: Tags Trigger Variablen Ein Tag ist jetzt genau so ein vorher angesprochenes JavaScript-Schnipsel. Man kann hier natürlich alles Mögliche programmieren – wir definieren aber im Wesentlichen, was wohin geschickt werden soll. Für die Google-Welt (Analytics, Adwords, etc. ) sind wenig überraschend die meisten benötigten Tags bereits fix und fertig vordefiniert. Facebook pixel übertragen ad. Für die Facebook-Welt kopieren wir uns den benötigten Code mit wenigen Klicks aus dem Events Manager, verwenden dafür aber bitte nicht das Event Setup Tool. Wir verwenden dafür immer einen Tag-Typen namens "Benutzerdefiniertes HTML". Wir legen uns im ersten Schritt also mal den Pixel Basiscode sowie (je nach Bedarf) die wichtigsten Pixel Standard Events (Search, AddToCart, InitiateCheckout, Purchase) in einzelnen Tags an. Damit sich auch noch Monate später jeder im GTM damit auskennt, verwenden wir gleich zu Beginn eine einheitliche Namens-Konvention.
Hier sollte nun aber eine funktionierende Übertragung beider Pixel IDs angezeigt werden. Der folgende Screenshot zeigt Ihnen exemplarisch die Verwendung von zwei Pixel IDs bei einem unseren Kunden. Hier werden jeweils ein PageView und ein Purchase Event an Facebook gesendet. Zur Erklärung: Die erste Spalte zeigt Ihnen die URL, die im Hintergrund aufgerufen wurde. Bei allen acht sichtbaren Einträgen handelt es sich hierbei um Facebook URLs. Es werden zwei verschiedene IDs weitergegeben, zu sehen an? id= xxx. Die hinteren Zeichen haben wir zur Anonymisierung unkenntlich gemacht. Die zweite Spalte zeigt Ihnen den zurückgegebenen Http-Statuscode des Facebook Servers. Bei den ersten vier Einträgen handelt es sich hier um den Status Code 307, also einer Weiterleitung ( temporary redirect). Das Ziel dieser Weiterleitungen ist jeweils einer der unteren vier Einträge. Wie kann ich den Facebook Pixel mit meinem Funnel verbinden? | Perspective Help Center. Diese werden nun mit dem Statuscode 200 ( OK) beantwortet, was darauf schließen lässt, dass die Anfrage erfolgreich verarbeitet wurde und die Erfassung funktioniert hat.