Webflow-E-Commerce-Events automatisch tracken
PixelFlow kann automatisch Produkt- und Transaktionsdaten von Ihren Webflow-E-Commerce-Checkout- und Bestellbestätigungsseiten extrahieren und angereicherte Event-Daten an Meta senden. Dies macht die manuelle Einrichtung von Event-Parametern überflüssig und verbessert die Genauigkeit des Purchase-Trackings.
Webflow E-Commerce verfügt über ein integriertes clientseitiges Tracking, aber PixelFlow kombiniert Browser- und serverseitiges Tracking für eine bessere Meta-Event-Abdeckung.
Voraussetzungen
PixelFlow auf Ihrer Webflow-Seite installiert. Siehe Webflow-Einrichtung.
Webflow E-Commerce auf Ihrer Website aktiviert
Standardmäßige Webflow-Checkout-Seiten, kein benutzerdefinierter Checkout-Flow
Kompatibilität
Unterstützte Plattform: Standardmäßige Checkout- und Bestellbestätigungsseiten von Webflow E-Commerce
Unterstützte Events: Initiate Checkout und Purchase
Erforderliche URLs:
/checkoutfür Initiate Checkout und/order-confirmationfür Purchase
Nur Standardseiten: Die automatische Datenextraktion funktioniert mit dem Standard-E-Commerce-Flow von Webflow.
Welche Daten PixelFlow extrahiert
Initiate Checkout
currency
num_items
value
Purchase
content_type
currency
num_items
value
Genaue Kaufdaten können die Event-Matching-Qualität im Meta Events Manager verbessern.
Automatische Datenextraktion aktivieren
Loggen Sie sich in Ihr PixelFlow-Dashboard ein.
Suchen Sie unter Overview den Bereich URL Triggers.
Klicken Sie auf + Add URL.
Geben Sie Ihre Checkout-URL oder Bestellbestätigungs-URL ein.
Verwenden Sie die URL Ihrer Checkout-Seite für Initiate Checkout, z. B.
yoursite.com/checkout.Verwenden Sie die URL Ihrer Bestellbestätigung für Purchase, z. B.
yoursite.com/order-confirmation.
Wählen Sie das entsprechende Event aus.
Aktivieren Sie Extract data automatically?.
Lassen Sie Block external tracking? aktiviert, um doppelte Events durch das native Meta-Tracking von Webflow zu verhindern.
Klicken Sie auf Add URL.
Updates werden automatisch übernommen: PixelFlow aktualisiert Ihr Skript automatisch, wenn Sie Tracking-Einstellungen ändern. Sie müssen das Skript nicht manuell ersetzen.
Einrichtung überprüfen
Öffnen Sie Ihre Live-Website in einem neuen Browserfenster oder im Inkognito-Modus.
Legen Sie ein Produkt in den Warenkorb und fahren Sie mit dem Checkout fort.
Schließen Sie eine Testbestellung ab, wenn Sie Purchase verifizieren möchten.
Warten Sie 2 bis 3 Minuten.
Prüfen Sie Ihr PixelFlow-Dashboard unter Events oder Analytics.
Bestätigen Sie, dass das Event Felder wie
currency,num_itemsundvalueenthält.Öffnen Sie den Facebook Events Manager und bestätigen Sie, dass das Event auch dort erscheint.
Für einen detaillierteren Testablauf siehe So testen und verifizieren Sie Ihr PixelFlow CAPI-Setup.
Fehlerbehebung
Symptom | Wahrscheinliche Ursache | Lösung |
|---|---|---|
Extract data automatically? erscheint nicht | Die URL enthält nicht | Verwenden Sie den korrekten URL-Pfad und wählen Sie Initiate Checkout oder Purchase aus. |
Keine E-Commerce-Daten im Event | Die automatische Extraktion ist deaktiviert oder die Seite ist keine unterstützte Webflow-Checkout-Seite | Aktivieren Sie Extract data automatically? und bestätigen Sie, dass Sie den Standard-Checkout-Flow von Webflow verwenden. |
Doppelte Purchase- oder Initiate Checkout-Events in Meta | Block external tracking? ist deaktiviert | Aktivieren Sie Block external tracking? in den URL-Trigger-Einstellungen wieder. |
Events werden getrackt, aber Währung oder Wert sind falsch | Ihre Webflow-Store-Einstellungen stimmen nicht mit der Store-Konfiguration überein | Überprüfen Sie Ihre Webflow E-Commerce-Währungs- und Produkteinstellungen. |
Events erscheinen nicht im PixelFlow-Dashboard | PixelFlow ist nicht korrekt installiert oder das Setup wurde nicht auf der Live-Seite getestet | Bestätigen Sie, dass PixelFlow installiert ist, und testen Sie erneut auf der veröffentlichten Seite. Siehe So testen und verifizieren Sie Ihr PixelFlow CAPI-Setup. |
Einschränkungen
Nur Standard-Checkout: Dies funktioniert nur mit dem integrierten E-Commerce-Checkout von Webflow.
Nur zwei Events: Die automatische Extraktion ist nur für Initiate Checkout und Purchase verfügbar.
Anforderung an den URL-Pfad: Die Funktion erscheint nur, wenn die URL den unterstützten Checkout-Pfad enthält.
Alle Felder werden zusammen extrahiert: Sie können keine einzelnen extrahierten Felder auswählen.
Nächste Schritte
Tracken Sie andere Events mit URL Triggers oder Event Classes.
Erfahren Sie, wie Sie weitere Daten mit Event Parameters hinzufügen.
Verwenden Sie Event Blocking Rules, um Dubletten und Rauschen zu reduzieren.
Hilfe erhalten
Wenn das automatische E-Commerce-Tracking nicht funktioniert, vergewissern Sie sich, dass Sie die Standard-Checkout-Seiten von Webflow verwenden und dass Extract data automatically? aktiviert ist. Wenn Sie weiterhin Hilfe benötigen, senden Sie eine E-Mail an [email protected] oder buchen Sie einen kostenlosen Setup-Call.