Pixelflow
Webflow

Webflow-Einrichtung (Ohne Plugin)

Dieser Artikel führt Sie durch den Prozess, wie Sie die Facebook Conversions API auf Webflow einrichten, indem Sie das PixelFlow Webflow-Plugin verwenden.

Diese Methode erfordert die direkte Eingabe Ihrer Webflow-Seiten-ID während der Einrichtung.

Bevor Sie beginnen

Stellen Sie sicher, dass Sie Folgendes haben:

  • Zugriff auf Ihr Webflow-Website-Dashboard mit Berechtigungen für benutzerdefinierten Code

  • Ihre Meta-Pixel-ID und Ihr Zugriffs-Token aus dem Facebook Events Manager

  • Eventuell vorhandene Meta-Pixel-Skripte von Ihrer Website entfernt, um doppelte Ereignisse zu vermeiden

Wenn Sie eine automatisierte Einrichtung bevorzugen, die Ihre Websitedaten automatisch synchronisiert, lesen Sie stattdessen Webflow-Plugin-Einrichtung.

Schritt 1: Suchen Sie Ihre Webflow-Seiten-ID

Sie benötigen Ihre Webflow-Seiten-ID, um die manuelle Einrichtung abzuschließen.

  1. Melden Sie sich in Ihrem Webflow-Dashboard an

  2. Wählen Sie Ihre Website aus

  3. Klicken Sie auf das Einstellungs-Symbol (Zahnrad) in der linken Seitenleiste

  4. Gehen Sie zum Tab General (Allgemein)

  5. Scrollen Sie zum Ende der Seite und klicken Sie auf „Click here to copy your site ID“

Ihre Seiten-ID ist eine eindeutige Kennung, die wie eine lange Kette von Zahlen und Buchstaben aussieht. Halten Sie diese für den nächsten Schritt bereit.

Schritt 2: Konfigurieren Sie Ihre Seite in PixelFlow

  1. Melden Sie sich in Ihrem PixelFlow-Dashboard an

  2. Starten Sie den Einrichtungsassistenten und wählen Sie Webflow als Plattform aus

  3. Wenn die automatische Synchronisierung fehlschlägt oder übersprungen wird, klicken Sie auf Configure manually (Manuell konfigurieren)

  4. Geben Sie Ihre Websitedaten ein:

    • Website-URL: Ihre Live-Website-Domain (z. B. https://yoursite.com)

    • Webflow-Seiten-ID: Fügen Sie die in Schritt 1 kopierte Seiten-ID ein

    • Währung: Wählen Sie Ihre Standardwährung aus (standardmäßig USD)

  5. Klicken Sie auf Continue (Weiter)

Stellen Sie sicher, dass Ihre Website-URL genau mit Ihrer veröffentlichten Domain übereinstimmt. Eine Abweichung verhindert die korrekte Erfassung von Ereignissen.

Schritt 3: Verbinden Sie Ihr Meta-Pixel

  1. Geben Sie im PixelFlow-Assistenten Ihre Meta-Pixel-ID ein

  2. Fügen Sie Ihr Conversions API Access Token aus dem Meta Events Manager hinzu

  3. Klicken Sie auf Connect (Verbinden)

PixelFlow validiert Ihre Zugangsdaten und verbindet sowohl das Pixel als auch die Conversions API.

Schritt 4: Installieren Sie das Tracking-Skript

  1. Kopieren Sie das von PixelFlow bereitgestellte, eindeutige Tracking-Skript

  2. Gehen Sie zu Ihrem Webflow-Dashboard

  3. Navigieren Sie zu Site Settings → Custom Code

  4. Fügen Sie das Skript in den Bereich Head Code ein

  5. Klicken Sie auf Save (Speichern)

  6. Veröffentlichen Sie Ihre Website auf Ihrer Produktionsdomain

Das Skript ist nur 11 KB groß und beinhaltet automatische Ereignis-Deduplizierung und Bot-Blockierung. Änderungen können aufgrund des Webflow-Caches bis zu 5 Minuten dauern, bis sie wirksam werden.

Schritt 5: Testen Sie Ihre Einrichtung

  1. Besuchen Sie Ihre Live-Website (nicht die Webflow-Vorschau)

  2. Überprüfen Sie den Tab „Events“ im PixelFlow-Dashboard (Ereignisse erscheinen in 2–3 Minuten)

  3. Überprüfen Sie die Ereignisse im Meta Events Manager

Sie sollten sofort ein PageView-Ereignis sehen. Wenn Sie Konfetti in Ihrem PixelFlow-Dashboard sehen, funktioniert Ihre Einrichtung!

Unterschiede zur Plugin-Methode

Die manuelle Einrichtung unterscheidet sich vom Webflow-Plugin in folgenden Punkten:

  • Keine App-Installation aus dem Webflow Marketplace erforderlich

  • Manuelle Eingabe der Seiten-ID statt automatischer Synchronisierung

  • Etwas höheres Risiko für Konfigurationsfehler, wenn die Seiten-ID unrichtig ist

  • Gleiche Tracking-Genauigkeit und Leistung nach der Einrichtung

Häufige Probleme

Ungültige URL Fehlermeldung

Stellen Sie sicher, dass Ihre Website-URL eine gültige Domain mit https:// ist und genau Ihrer veröffentlichten Seite entspricht.

Seiten-ID erforderlich

Das Feld für die Webflow-Seiten-ID darf nicht leer sein. Kopieren Sie diese aus Ihren Webflow-Site-Einstellungen → Tab „General“.

Ereignisse werden nicht angezeigt

Bestätigen Sie folgendes:

  • Das Skript befindet sich im Bereich „Head Code“ (nicht Footer)

  • Sie haben die Website auf Ihrer Produktionsdomain veröffentlicht

  • Sie testen auf der Live-Seite, nicht in der Vorschau von Webflow

  • Sie haben alle vorhandenen Meta-Pixel-Skripte entfernt

Nächste Schritte

Nach der Einrichtung können Sie:

War das hilfreich?