Zuweisung von Werten/Preisen zu einem Event
Das Zuweisen von Werten zu Ihren Events hilft Meta dabei, die Anzeigenbereitstellung zu optimieren und den ROI zu messen. Mit PixelFlow können Sie Preise und Werte an Events wie Purchase (Kauf), Lead und AddToCart (In den Warenkorb) über verschiedene Methoden anhängen, je nach Ihrem Setup.
Bevor Sie beginnen: Stellen Sie sicher, dass Sie das PixelFlow-Skript installiert und das grundlegende Event-Tracking eingerichtet haben. Werte funktionieren mit den Events Purchase, AddToCart, InitiateCheckout, Lead, ViewContent und CompleteRegistration.
Standardwährung festlegen
Konfigurieren Sie zunächst Ihre website-weite Währung im PixelFlow-Dashboard:
Gehen Sie zu Dashboard → Sites
Klicken Sie bei Ihrer Website auf Edit oder für neue Websites auf Add Site
Geben Sie Ihren Währungscode (z. B. USD, EUR, GBP) in das Währungsfeld ein
Klicken Sie auf Save
Diese Währung gilt für alle Events, sofern Sie sie nicht pro Event mit den unten genannten Methoden überschreiben.
Methode 1: Werte aus URL-Parametern extrahieren
Am besten geeignet für Dankesseiten oder Bestellbestätigungen, bei denen der Preis in der URL erscheint (z. B. /danke?total=99.99).
Gehen Sie in Ihrem Dashboard auf Sites und klicken Sie bei Ihrer Website auf Edit
Klicken Sie auf Add URL oder bearbeiten Sie ein bestehendes URL-Muster
Fügen Sie Ihr URL-Muster ein (z. B.
/order-confirmation)Wählen Sie Ihren Event-Typ aus (z. B. Purchase)
Aktivieren Sie die Option "Extract data from URL parameters?"
Wählen Sie im Mapping-Dropdown Ihren URL-Parameternamen aus (z. B.
priceodertotal) und verknüpfen Sie ihn mit valueKlicken Sie auf Save
Wenn Ihre URL ?price=99.99¤cy=EUR enthält, können Sie beide Parameter zuordnen – einen zu „value“ und einen zu „currency“, um den Standardwert der Website zu überschreiben.
PixelFlow extrahiert den Wert automatisch beim Laden der Seite und fügt ihn dem an Meta gesendeten Event-Payload hinzu.
Methode 2: CSS-Klassen in Formularfeldern verwenden
Ideal für Checkout-Formulare oder Lead-Formulare, in die Benutzer einen Preis oder Wert eingeben.
Fügen Sie die CSS-Klasse info-val-pf zu jedem Eingabefeld hinzu, das den Wert enthält:
<input type="text" class="info-val-pf" value="99.99"> Wenn das Event ausgelöst wird (z. B. beim Absenden des Formulars), liest PixelFlow den Feldwert aus und hängt ihn an das Event an.
Um die Währung pro Feld zu überschreiben, verwenden Sie info-currency-pf:
<input type="hidden" class="info-currency-pf" value="GBP"> Methode 3: Auto-Extraktion für E-Commerce aktivieren
Für Webflow- oder Squarespace-Websites mit nativem E-Commerce kann PixelFlow Werte automatisch aus Ihrem Warenkorb und den Checkout-Seiten ziehen.
Gehen Sie zu Dashboard → Sites → Edit
Scrollen Sie zu Advanced Setup → E-commerce
Aktivieren Sie Auto-extract für Purchase- oder InitiateCheckout-Events
Klicken Sie auf Save
PixelFlow erkennt Produktpreise, Warenkorbsummen und die Währung aus dem Data-Layer Ihrer E-Commerce-Plattform.
Methode 4: Werte mit der JavaScript-API tracken
Für vollständige Kontrolle oder benutzerdefinierte Abläufe (z. B. dynamische Preisgestaltung, Abonnements) verwenden Sie die PixelFlow JavaScript-API:
window.pixelFlow.trackEvent("Purchase", {
value: 99.99,
currency: "USD",
contents: [
{ id: "prod_123", quantity: 1, item_price: 99.99 }
],
num_items: 1
}, {
em: "[email protected]",
fn: "Jane",
ln: "Doe"
}); Diese Methode funktioniert auf jeder Seite oder bei jedem Trigger (Button-Klicks, AJAX-Abschlüsse usw.). Erfahren Sie mehr im Leitfaden zur Programmatic Tracking API.
Stellen Sie sicher, dass window.pixelFlow verfügbar ist, bevor Sie trackEvent aufrufen. Umschließen Sie Ihren Code mit einer Prüfung oder warten Sie, bis das Skript geladen ist.
Methode 5: Benutzerdefinierte JavaScript-Extraktion
Für Plattformen wie ClickFunnels oder benutzerdefinierte Checkouts schreiben Sie ein Skript, um den Wert aus dem Data-Layer Ihrer Seite oder dem DOM zu extrahieren:
<script>
(function () {
// Example: Extract order total from localStorage
var checkoutData = JSON.parse(localStorage.getItem("cf_checkout_details"));
var orderTotal = checkoutData ? checkoutData.products_total_price : 0;
// Track Purchase event with extracted value
window.pixelFlow.trackEvent("Purchase", {
value: orderTotal,
currency: "USD"
});
})();
</script> Platzieren Sie dieses Skript auf Ihrer Bestätigungsseite, nachdem das PixelFlow-Skript geladen wurde.
Werte im Meta Events Manager überprüfen
Überprüfen Sie nach dem Einrichten der Werte, ob diese korrekt gesendet werden:
Öffnen Sie den Meta Events Manager und wählen Sie Ihr Pixel aus
Gehen Sie zu Test Events
Führen Sie eine Testtransaktion oder ein Formular-Submit auf Ihrer Website durch
Suchen Sie Ihr Event im Test Events-Feed
Erweitern Sie das Event und bestätigen Sie, dass value und currency in den Parametern erscheinen
Events mit genauen Werten verbessern Ihren Score für die Event-Übereinstimmungsqualität und helfen Meta, Conversions mit ähnlichen Transaktionsgrößen zu optimieren.
Welche Methode sollten Sie verwenden?
URL-Parameter: Am besten für einfache Dankesseiten mit Preisen in der URL
CSS-Klassen: Perfekt für Lead-Formulare oder Checkouts für einzelne Produkte
Auto-Extraktion: Am einfachsten für Webflow/Squarespace E-Commerce-Sites
JavaScript-API: Erforderlich für benutzerdefinierte Abläufe, dynamische Preise oder Events, die nicht an Seitenaufrufe gebunden sind
Benutzerdefinierte Skripte: Verwenden Sie diese, wenn Ihre Plattform Bestelldaten in einem proprietären Format speichert
Weitere Details zu Event-Parametern finden Sie unter Event Specific Parameters und Introduction to Event Parameters.