Pixelflow
Events auslösen

So weisen Sie einem Event einen Wert/Preis zu

Das Zuweisen von Werten zu Ihren Events hilft Meta dabei, die Anzeigenbereitstellung zu optimieren und den ROI zu messen. Mit PixelFlow können Sie Preisen 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.

Legen Sie Ihre Standardwährung fest

Konfigurieren Sie zunächst Ihre seitenweite Währung im PixelFlow-Dashboard:

  1. Gehen Sie zu Dashboard → Sites

  2. Klicken Sie bei Ihrer Website auf Edit oder für neue Websites auf Add Site

  3. Geben Sie Ihren Währungscode (z. B. USD, EUR, GBP) in das Währungsfeld ein

  4. Klicken Sie auf Save

Diese Währung gilt für alle Events, es sei denn, Sie überschreiben sie pro Event mit den unten stehenden Methoden.

Methode 1: Werte aus URL-Parametern extrahieren

Am besten geeignet für Dankesseiten oder Bestellbestätigungen, auf denen der Preis in der URL erscheint (z. B. /danke?total=99.99).

  1. Gehen Sie in Ihrem Dashboard auf Sites und klicken Sie bei Ihrer Website auf Edit

  2. Klicken Sie auf Add URL oder bearbeiten Sie ein bestehendes URL-Muster

  3. Fügen Sie Ihr URL-Muster ein (z. B. /bestellbestaetigung)

  4. Wählen Sie Ihren Event-Typ aus (z. B. Purchase)

  5. Aktivieren Sie die Option "Extract data from URL parameters?"

  6. Wählen Sie im Mapping-Dropdown Ihren URL-Parameternamen aus (z. B. price oder total) und ordnen Sie ihn value zu

  7. Klicken Sie auf Save

Wenn Ihre URL ?price=99.99&currency=EUR enthält, können Sie beide Parameter zuordnen – einen für „value“ und einen für „currency“, um den Standard der Website zu überschreiben.

PixelFlow extrahiert den Wert automatisch beim Laden der Seite und fügt ihn in den an Meta gesendeten Event-Payload ein.

Methode 2: CSS-Klassen für Formularfelder verwenden

Ideal für Checkout-Formulare oder Lead-Formulare, bei denen 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 automatisch Werte von Ihren Warenkorb- und Checkout-Seiten abrufen.

  1. Gehen Sie zu Dashboard → Sites → Edit

  2. Scrollen Sie zu Advanced Setup → E-commerce

  3. Aktivieren Sie Auto-extract für Purchase- oder InitiateCheckout-Events

  4. Klicken Sie auf Save

PixelFlow erkennt Produktpreise, Warenkorbsummen und Währungen über den Data Layer Ihrer E-Commerce-Plattform.

Methode 4: Werte mit der JavaScript-API tracken

Für die vollständige Kontrolle oder benutzerdefinierte Flows (z. B. dynamische Preisgestaltung, Abonnements) nutzen 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 oder DOM Ihrer Seite 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

Prüfen Sie nach der Einrichtung der Werte, ob diese korrekt gesendet werden:

  1. Öffnen Sie den Meta Events Manager und wählen Sie Ihr Pixel aus

  2. Gehen Sie zu Test Events

  3. Führen Sie eine Test-Transaktion oder eine Formularübermittlung auf Ihrer Website durch

  4. Suchen Sie nach Ihrem Event im Test-Events-Feed

  5. 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-Match-Qualität und helfen Meta, für 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 Einzelprodukte

  • Auto-extract: Am einfachsten für Webflow/Squarespace E-Commerce-Seiten

  • JavaScript API: Erforderlich für benutzerdefinierte Flows, 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.

War das hilfreich?