WordPress-Einrichtung (Ohne Plugin)

Diese Anleitung zeigt Ihnen, wie Sie PixelFlow manuell auf WordPress installieren, ohne das PixelFlow-Plugin zu verwenden. Bei dieser Methode wird das Tracking-Skript direkt über ein Code-Snippet-Plugin in den Header Ihrer Website eingebettet.

Überblick

Die manuelle WordPress-Einrichtung erfordert, dass Sie das PixelFlow-Tracking-Skript von Ihrem Dashboard kopieren und es 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.

Wann die manuelle Einrichtung verwendet werden sollte

Die manuelle Einrichtung ist ideal, wenn:

• Sie es vorziehen, das PixelFlow-Plugin nicht zu installieren

• Sie eine direktere Kontrolle über die Skriptplatzierung wünschen

• Sie ein benutzerdefiniertes WordPress-Setup verwenden, das das Plugin nicht unterstützt

• Sie keine WooCommerce-Auto-Tracking-Funktionen benötigen

Voraussetzungen

• WordPress-Admin-Zugriff mit der Berechtigung, Plugins zu installieren

• Ein Meta Business Manager-Konto mit Ihrer Meta Pixel ID und Ihrem Access Token

• Ein PixelFlow-Konto (registrieren Sie sich für eine kostenlose 7-tägige Testversion unter dashboard.pixelflow.so)

• Entfernen Sie alle vorhandenen Facebook-Pixel-Skripte, um doppeltes Tracking zu vermeiden

Schritt 1: Installieren Sie das WPCode-Plugin

WPCode ist ein kostenloses WordPress-Plugin, mit dem Sie sicher Code-Snippets zum Header Ihrer Website hinzufügen können, ohne die Theme-Dateien zu bearbeiten.

1. Gehen Sie in Ihrem WordPress-Admin-Panel zu Plugins → Installieren

2. Suchen Sie nach "Code Snippets"

3. Klicken Sie bei dem Plugin "Code Snippets" auf Jetzt installieren

4. Klicken Sie nach Abschluss der Installation auf Aktivieren

Schritt 2: Im PixelFlow-Dashboard anmelden

1. Besuchen Sie dashboard.pixelflow.so

2. Klicken Sie auf Login oder Start Free Trial, wenn Sie ein neuer Benutzer sind

3. Geben Sie Ihre Anmeldedaten ein oder melden Sie sich mit Google an

Schritt 3: Fügen Sie Ihre Website in PixelFlow hinzu

Nach dem Einloggen öffnet sich automatisch der Einrichtungsassistent, der Sie durch die Konfiguration führt.

1. Geben Sie im ersten Schritt des Assistenten Ihre WordPress-Website-Domain ein (z. B. deineseite.com)

2. Wählen Sie Ihre Währung aus dem Dropdown-Menü aus (optional, wird für das eCommerce-Tracking verwendet)

3. Klicken Sie auf Weiter

Schritt 4: Fügen Sie Ihre Meta-Pixel-Anmeldedaten hinzu

Konfigurieren Sie im zweiten Schritt des Assistenten Ihr Meta-Pixel:

1. Geben Sie einen Pixel-Namen zur Referenz ein (z. B. "Haupt-Website-Pixel")

2. Fügen Sie Ihre Meta Pixel ID hinzu (diese finden Sie im Facebook Events Manager)

3. Fügen Sie Ihren Meta Pixel Access Token hinzu (generieren Sie diesen im Facebook Events Manager unter Einstellungen)

4. Aktivieren Sie das Kontrollkästchen, um zu bestätigen, dass Sie alle vorhandenen nativen Meta-Pixel-Skripte entfernt haben

5. Klicken Sie auf Pixel hinzufügen

Schritt 5: Kopieren Sie Ihr PixelFlow-Skript

Im dritten Schritt des Assistenten erhalten Sie Ihr einzigartiges Tracking-Skript:

1. Der Assistent zeigt ein Code-Snippet an, das mit <script> beginnt

2. Klicken Sie auf die Schaltfläche In die Zwischenablage kopieren (oder markieren und kopieren Sie das gesamte Skript manuell)

3. Halten Sie dieses Skript für den nächsten Schritt bereit

Schritt 6: Skript in WPCode einfügen

Nun betten Sie das PixelFlow-Skript in den Header Ihrer WordPress-Website ein:

1. Gehen Sie in Ihrem WordPress-Admin zu Code Snippets → Header & Footer

2. Scrollen Sie zum Abschnitt Header

3. Fügen Sie Ihr PixelFlow-Skript in das Header-Textfeld ein

4. Klicken Sie auf Änderungen speichern

Schritt 7: WordPress-Cache leeren

Wenn Sie Caching-Plugins verwenden, müssen Sie Ihren Cache leeren, damit das Skript auf Ihrer Live-Website erscheint.

Gängige Caching-Plugins:

• WP Rocket: WP Rocket → Cache leeren

• W3 Total Cache: Performance → Dashboard → Alle Caches leeren

• WP Super Cache: Einstellungen → WP Super Cache → Cache löschen

• LiteSpeed Cache: LiteSpeed Cache → Toolbox → Alles bereinigen

Schritt 8: Überprüfen, ob Events getrackt werden

Kehren Sie zum PixelFlow-Dashboard-Assistenten zurück, um zu bestätigen, dass Ihr Setup funktioniert:

1. Im vierten Schritt des Assistenten prüft das Dashboard automatisch alle 10 Sekunden auf Events

2. Öffnen Sie Ihre Live-Website in einem neuen Browserfenster oder im Inkognito-/Privatmodus

3. Navigieren Sie durch ein paar Seiten auf Ihrer Website

4. Kehren Sie zum Assistenten zurück – wenn das erste Page View-Event erkannt wird, sehen Sie:

   • Eine Konfetti-Animation, die Ihr erfolgreiches Setup feiert

   • Ein grünes Glückwunsch-Modalfenster

   • Ihr Website-Status ändert sich auf "Verbunden"

Schritt 9: Zusätzliches Event-Tracking konfigurieren

Nachdem der Assistent geschlossen wurde, können Sie das Tracking für spezifische Benutzeraktionen über die Page Views hinaus einrichten.

Verfügbare Tracking-Methoden:

• Event-Klassen: Tracken Sie Formularübermittlungen, Klicks auf Schaltflächen und Interaktionen mithilfe von CSS-Klassen – siehe Event-Klassen auf WordPress

• Tracking-URLs: Tracken Sie spezifische Seitenbesuche oder Link-Klicks – siehe So tracken Sie Events

• Formularübermittlungen: Erfassen Sie Lead-Daten aus Kontaktformularen – siehe So tracken Sie Events für Formularübermittlungen

• Calendly-Integration: Tracken Sie Terminbuchungen automatisch – siehe So tracken Sie Kalender & Terminbuchungen

Aktualisierung Ihres Skripts

Wenn Sie Änderungen an Ihrer Pixel-Konfiguration im PixelFlow-Dashboard vornehmen (z. B. neue Pixel hinzufügen oder Tracking-Einstellungen aktualisieren), müssen Sie Ihr Skript aktualisieren:

1. Gehen Sie im PixelFlow-Dashboard zu den Einstellungen Ihrer Website

2. Kopieren Sie das aktualisierte Skript

3. Kehren Sie in WordPress zu Code Snippets → Header & Footer zurück

4. Ersetzen Sie das alte Skript durch das neue

5. Klicken Sie auf Änderungen speichern

6. Leeren Sie Ihren Cache

Vergleich: Manuelle vs. Plugin-Einrichtung

Fehlerbehebung

Verifizierung

Um zu bestätigen, dass Ihr Setup korrekt funktioniert:

• Überprüfen Sie die PixelFlow Events-Seite, um eingehende Events zu sehen

• Besuchen Sie den Facebook Events Manager und suchen Sie nach Events mit den Quellen "Browser" und "Server"

• Überprüfen Sie Ihren Wert für die Event-Match-Qualität (sollte bei PixelFlow bei 8,3-9,3/10 liegen)

Detaillierte Schritte zur Verifizierung finden Sie unter So testen und verifizieren Sie Ihr PixelFlow CAPI-Setup.

Hilfe erhalten

Wenn Sie Probleme mit der manuellen WordPress-Einrichtung haben:

• Überprüfen Sie, ob das Skript im Header-Bereich eingefügt wurde (nicht im Footer)

• Prüfen Sie, ob Sie die Änderungen in WPCode gespeichert und Ihren Cache geleert haben

• Nutzen Sie die Browser-Entwicklertools (F12), um auf JavaScript-Fehler zu prüfen

• Bestätigen Sie, dass Ihre Meta Pixel ID und Ihr Access Token korrekt sind

• Kontaktieren Sie den PixelFlow-Support unter [email protected] oder buchen Sie einen kostenlosen Setup-Call

Wenn Sie den Support kontaktieren, geben Sie bitte Folgendes an:

• Die URL Ihrer WordPress-Website

• Screenshots Ihres WPCode-Header-Bereichs

• Ob Sie Events in Ihrem PixelFlow-Dashboard sehen

• Etwaige JavaScript-Fehler aus Ihrer Browserkonsole