Wordpress
Diese Anleitung zeigt Ihnen, wie Sie PixelFlow auf WordPress installieren. Bei dieser Methode wird das Tracking-Skript mithilfe eines Code-Snippet-Plugins direkt in den Header Ihrer Website eingebettet.
Überblick
Die manuelle WordPress-Einrichtung erfordert, dass Sie das PixelFlow-Tracking-Skript aus Ihrem Dashboard kopieren und mit einem kostenlosen Plugin wie WPCode in den Header Ihrer Website einfügen. Nach dem Einbetten des Skripts konfigurieren Sie das Event-Tracking über das PixelFlow-Dashboard.
1: WPCode Plugin installieren
WPCode ist ein kostenloses WordPress-Plugin, mit dem Sie sicher Code-Snippets zum Header Ihrer Website hinzufügen können, ohne die Theme-Dateien bearbeiten zu müssen.
Gehen Sie in Ihrem WordPress-Adminbereich zu Plugins → Installieren
Suchen Sie nach "Code Snippets"
Klicken Sie beim Plugin "Code Snippets" auf Jetzt installieren
Klicken Sie nach Abschluss der Installation auf Aktivieren
Alternative Plugins zur Header-Injektion wie "Insert Headers and Footers" oder "Header Footer Code Manager" funktionieren ebenfalls. Entscheidend ist, dass der Code in den <head>-Bereich Ihrer Website eingefügt wird.
2: Im PixelFlow-Dashboard anmelden
Besuchen Sie dashboard.pixelflow.so
Klicken Sie auf Login oder Start Free Trial, falls Sie ein neuer Benutzer sind
Geben Sie Ihre Zugangsdaten ein oder melden Sie sich mit Google an
3: Ihre Website in PixelFlow hinzufügen
Nach der Anmeldung öffnet sich automatisch der Einrichtungsassistent, um Sie durch die Konfiguration zu führen.
Geben Sie im ersten Schritt des Assistenten Ihre WordPress-Domain ein (z. B. deineseite.de)
Wählen Sie Ihre Währung aus dem Dropdown-Menü (optional, wird für das E-Commerce-Tracking verwendet)
Klicken Sie auf Weiter
Ihre WordPress-Website ist nun mit PixelFlow verbunden und erscheint in Ihrer Liste der Websites.
4. Meta CAPI Access Token hinzufügen
PixelFlow lädt SOWOHL Ihr Facebook-Pixel als auch die Facebook-Conversions-API gleichzeitig mit automatischer Event-Deduplizierung. Dies gewährleistet ein präzises Tracking unter Umgehung von Werbeblockern und iOS-Einschränkungen.
Geben Sie einen Pixel-Namen ein (ein beliebiger Name für Ihre Referenz, z. B. "Hauptwebsite-Pixel")
Fügen Sie Ihre Meta-Pixel-ID hinzu (auch Dataset-ID genannt; Sie finden diese im Facebook Events Manager)
Fügen Sie Ihren Meta-Pixel-Zugriffs-Token hinzu (Gehen Sie zum Meta Events Manager > Datasets > wählen Sie Ihr Dataset (Pixel) aus > Klicken Sie auf Einstellungen > Scrollen Sie nach unten zum Abschnitt "Direkte Integration einrichten" > Klicken Sie auf Zugriffs-Token generieren > Kopieren Sie diesen und fügen Sie ihn in PixelFlow ein)
Klicken Sie auf Weiter
Benötigen Sie Hilfe beim Finden Ihrer Zugangsdaten? Schauen Sie sich unseren Guide an: So finden Sie Ihre Meta-Pixel-ID und Ihren Zugriffs-Token
5: PixelFlow-Skript kopieren
Im dritten Schritt des Assistenten erhalten Sie Ihr individuelles Tracking-Skript:
Der Assistent zeigt ein Code-Snippet an, das mit
<script>beginntKlicken Sie auf die Schaltfläche In die Zwischenablage kopieren (oder markieren und kopieren Sie das gesamte Skript manuell)
Halten Sie dieses Skript für den nächsten Schritt bereit
6: Skript in WPCode einfügen
Nun betten Sie das PixelFlow-Skript in den Header Ihrer WordPress-Website ein:
Gehen Sie in Ihrem WordPress-Admin zu Code Snippets → Header & Footer
Scrollen Sie zum Bereich Header
Fügen Sie Ihr PixelFlow-Skript in das Header-Textfeld ein
Klicken Sie auf Änderungen speichern
Stellen Sie sicher, dass Sie das Skript im Bereich Header einfügen, nicht im Footer. Das Skript muss im <head> Ihrer Seiten geladen werden, damit das Tracking korrekt funktioniert.
7: WordPress-Cache leeren
Wenn Sie Caching-Plugins verwenden, müssen Sie Ihren Cache leeren, damit das Skript auf Ihrer Live-Seite erscheint.
Gängige Caching-Plugins:
WP Rocket: WP Rocket → Cache leeren
W3 Total Cache: Performance → Dashboard → Empty All Caches
WP Super Cache: Einstellungen → WP Super Cache → Delete Cache
LiteSpeed Cache: LiteSpeed Cache → Toolbox → Purge All
Ihr PixelFlow-Tracking-Skript ist nun auf Ihrer WordPress-Website aktiv!
8: Überprüfen, ob Events getrackt werden
Kehren Sie zum PixelFlow-Dashboard-Assistenten zurück, um zu bestätigen, dass Ihre Einrichtung funktioniert:
Im vierten Schritt des Assistenten prüft das Dashboard automatisch alle 10 Sekunden nach Events
Öffnen Sie Ihre Live-Website in einem neuen Browserfenster oder im Inkognito-/Privatmodus
Navigieren Sie auf Ihrer Website durch einige Seiten
Kehren Sie zum Assistenten zurück – sobald das erste Page View-Event erkannt wird, sehen Sie:
Eine Konfetti-Animation, die Ihre erfolgreiche Einrichtung feiert
Ein grünes Glückwunsch-Fenster
Ihr Websitestatus ändert sich auf "Verbunden"
Einrichtung abgeschlossen! PixelFlow trackt nun Page View-Events. Events sollten innerhalb von 2-3 Minuten in Ihrem Dashboard erscheinen.
Es erscheinen keine Events? Prüfen Sie Folgendes: • Haben Sie das Skript im Header-Bereich eingefügt (nicht Footer)? • Haben Sie in WPCode auf "Änderungen speichern" geklickt? • Haben Sie Ihren Cache geleert? • Besuchen Sie die Live-Website (nicht localhost oder eine Staging-Umgebung)?
9: Zusätzliches Event-Tracking konfigurieren
Nachdem der Assistent geschlossen wurde, können Sie das Tracking für spezifische Benutzeraktionen über Page Views hinaus einrichten.
Verfügbare Tracking-Methoden:
Event-Klassen: Tracken Sie Formularabsendungen, Button-Klicks und Interaktionen mithilfe von CSS-Klassen – siehe Event-Klassen in WordPress
Tracking-URLs: Tracken Sie bestimmte Seitenbesuche oder Link-Klicks – siehe So tracken Sie Events
Formularabsendungen: Erfassen Sie Lead-Daten aus Kontaktformularen – siehe So tracken Sie Events für Formularabsendungen
Calendly-Integration: Tracken Sie Terminbuchungen automatisch – siehe So tracken Sie Kalender & Terminbuchungen