So weisen Sie einem Ereignis einen Wert/Preis zu
Das Zuweisen von Werten zu Ihren Ereignissen hilft Meta, die Anzeigenauslieferung zu optimieren und den ROI zu messen. PixelFlow ermöglicht es Ihnen, Preise und Werte über mehrere Methoden an Ereignisse wie Purchase, Lead und AddToCart anzuhä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 Ereignissen Purchase, AddToCart, InitiateCheckout, Lead, ViewContent und CompleteRegistration.
Legen Sie Ihre Standardwährung fest
Beginnen Sie damit, die für Ihre gesamte Website geltende Währung im PixelFlow-Dashboard zu konfigurieren:
Gehen Sie zu Dashboard → Sites
Klicken Sie bei Ihrer Website auf Edit oder bei neuen 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 Ereignisse, sofern Sie sie nicht pro Ereignis mit den unten beschriebenen Methoden überschreiben.
Methode 1: Werte aus URL-Parametern extrahieren
Am besten für Danke-Seiten oder Bestellbestätigungen, bei denen der Preis in der URL angezeigt wird (z. B. /thank-you?total=99.99).
Gehen Sie in Ihrem Dashboard zu Sites und klicken Sie bei Ihrer Website auf Edit
Klicken Sie auf Add URL oder bearbeiten Sie ein vorhandenes URL-Muster
Fügen Sie Ihr URL-Muster ein (z. B.
/order-confirmation)Wählen Sie Ihren Ereignistyp aus (z. B. Purchase)
Aktivieren Sie „Daten aus URL-Parametern extrahieren?“
Wählen Sie im Zuordnungs-Dropdown den Namen Ihres URL-Parameters aus (z. B.
priceodertotal) und ordnen Sie ihn value zuKlicken 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 die Website-Standardeinstellung zu überschreiben.
PixelFlow extrahiert den Wert automatisch, wenn die Seite geladen wird, und fügt ihn der an Meta gesendeten Ereignis-Payload hinzu.
Methode 2: CSS-Klassen auf Formularfeldern verwenden
Ideal für Checkout-Formulare oder Lead-Formulare, in denen Nutzer 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 Ereignis ausgelöst wird (z. B. bei der Formularübermittlung), liest PixelFlow den Feldwert aus und hängt ihn an das Ereignis 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 nativer E-Commerce-Funktion zieht PixelFlow Werte automatisch aus Ihren Warenkorb- und Checkout-Seiten.
Für Webflow eCommerce müssen Sie dies während der Einrichtung Ihrer Website aktivieren.
Für Squarespace eCommerce ist dies bereits standardmäßig aktiviert.
PixelFlow erkennt Produktpreise, Warenkorbsummen und die Währung aus der Data Layer Ihrer E-Commerce-Plattform.
Methode 4: Werte mit der JavaScript-API verfolgen
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 und bei jedem Trigger (Button-Klicks, AJAX-Abschlüsse usw.). Mehr dazu im Leitfaden Programmatic Tracking API.
Stellen Sie sicher, dass window.pixelFlow verfügbar ist, bevor Sie trackEvent aufrufen. Verpacken Sie Ihren Code in eine 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, das den Wert aus der Data Layer oder dem DOM Ihrer Seite extrahiert:
<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
Nachdem Sie Werte eingerichtet haben, prüfen Sie, ob sie korrekt gesendet werden:
Öffnen Sie Meta Events Manager und wählen Sie Ihr Pixel aus
Gehen Sie zu Test Events
Führen Sie auf Ihrer Website eine Testtransaktion oder Formularübermittlung durch
Suchen Sie nach Ihrem Ereignis im Feed Test Events
Klappen Sie das Ereignis auf und bestätigen Sie, dass value und currency in den Parametern angezeigt werden
Ereignisse mit korrekten Werten verbessern Ihren Event Match Quality-Score und helfen Meta dabei, für Conversions mit ähnlichen Transaktionsgrößen zu optimieren.
Welche Methode sollten Sie verwenden?
URL-Parameter: Am besten für einfache Danke-Seiten mit Preisen in der URL
CSS-Klassen: Perfekt für Lead-Formulare oder Checkouts mit einem einzelnen Produkt
Auto-Extraktion: Am einfachsten für Webflow-/Squarespace-E-Commerce-Websites
JavaScript-API: Erforderlich für benutzerdefinierte Abläufe, dynamische Preisgestaltung oder Ereignisse, die nicht an Seitenaufrufe gebunden sind
Benutzerdefinierte Skripte: Verwenden Sie sie, wenn Ihre Plattform Bestelldaten in einem proprietären Format speichert
Weitere Details zu Ereignisparametern finden Sie unter Event Specific Parameters und Introduction to Event Parameters.