Wie Sie Events mithilfe von "Klassen" verfolgen und auslösen

Zwei Möglichkeiten, Events auszulösen

Es gibt zwei verschiedene Möglichkeiten, Events auf Ihrer Website zu verfolgen und auszulösen:

Event-URL-Tracking - Löst ein Event aus, wenn eine bestimmte Seite geladen wird (z. B. IhreSeite.de/erfolg)
Element-Klassen-Tracking - Fügen Sie Elementen (Buttons, Formulare usw.) CSS-Klassen hinzu, um ein Event bei Klicks etc. auszulösen.

Wie Element-Klassen-Tracking funktioniert

Sie weisen Elementen auf Ihrer Website spezielle CSS-Klassen (einen Codeschnipsel) zu, damit PixelFlow weiß, welche Aktion stattgefunden hat. Häufige Beispiele sind:

Button-Klicks - Verfolgen Sie, wenn Nutzer auf einen „Abonnieren“- oder „Kontakt“-Button klicken
Formular-Einsendungen - Erfassen Sie Lead-Events, wenn Nutzer Formulare absenden
E-Commerce-Aktionen - Verfolgen Sie automatisch „In den Warenkorb“, „Checkout“ und „Kauf“-Events

Klassen-Kategorien

PixelFlow-Klassen lassen sich in drei Kategorien unterteilen:

Allgemeine Events - Werden Buttons oder interaktiven Elementen hinzugefügt, um ein Event auszulösen
Formular-Events - Werden Formularfeldern hinzugefügt, um Nutzerdaten zu erfassen (name, email, phone)
Kauf-Events - Werden E-Commerce-Elementen hinzugefügt, um Produktinformationen für Add To Wish List, Add To Cart, Initiate Checkout und Purchase Events zu verfolgen

Die Art und Weise, wie Sie diese Klassen anwenden, variiert je nach Plattform. Prüfen Sie vor der Implementierung immer die untenstehenden plattformspezifischen Anweisungen.

Plattformspezifische Anweisungen

Lesen Sie zuerst die Anleitung für Ihre Website-Plattform, um zu verstehen, wie Sie diese Klassen korrekt anwenden:

Allgemeine Event-Klassen

Wenden Sie diese Klassen auf Buttons oder interaktive Elemente an, um spezifische Meta-Events auszulösen:

Event-Name	CSS-Klasse	Verwendung in Facebook
AddPaymentInfo	`action-btn-pymt-001-pf`	Optimierung zahlungsbezogener Werbekampagnen, Retargeting unvollständiger Checkouts und Aufbau von Zielgruppen mit hoher Kaufabsicht.
AddtoCart	`action-btn-cart-005-pf`	E-Commerce-Optimierung, Erstellung dynamischer Produktanzeigen und Retargeting von Warenkorbabbrechern zur Umsatzsteigerung.
AddtoWishlist	`action-btn-wl-006-pf`	Interessenbasiertes Targeting, personalisierte Empfehlungen und Pflege langfristiger Käuferbeziehungen.
CompleteRegistration	`action-btn-reg-007-pf`	Optimierung der Nutzerakquise, Tracking von Registrierungsfunnels und Erstellung von Zielgruppen für Onboarding-Kampagnen.
Contact	`action-btn-cntct-003-pf`	Lead-Nurturing, Zuordnung von Demo-Anfragen oder Support-Interaktionen zu Kampagnen und Aufbau von Kontakt-Zielgruppen.
CustomiseProduct	`action-btn-cstm-008-pf`	Personalisierte E-Commerce-Anzeigen und Verständnis von Nutzerpräferenzen in dynamischen Produktkatalogen.
Donate	`action-btn-don-009-pf`	Messung des Spendenverhaltens für Non-Profit-Kampagnen, Optimierung von Spendenanzeigen und Aufbau von Spender-Retargeting-Listen.
FindLocationButton	`action-btn-loc-017-pf`	Anzeigen für lokale Dienstleistungen, Optimierung des Geotargetings und Zuordnung von Ladenbesuchen.
FindLocationInput	`action-inpt-loc-016-pf`	Anzeigen für lokale Dienstleistungen, Optimierung des Geotargetings und Zuordnung von Ladenbesuchen.
InitiateCheckout	`action-btn-buy-004-pf`	Identifizierung von Kaufabsichten, Reduzierung von Warenkorbabbrüchen via Retargeting und Optimierung für Conversions in der Mitte des Marketing-Funnels.
Lead	`action-btn-lead-011-pf`	Optimierung der Lead-Generierung, Bewertung hochwertiger Leads in Anzeigen und Erstellung von Custom Audiences für Follow-up-Maßnahmen.
Purchase	`action-btn-plc-ord-018-pf`	ROAS-Berechnung, Full-Funnel-Conversion-Optimierung und Erstellung von kaufbasierten Lookalike- oder Ausschluss-Zielgruppen.
Schedule	`action-btn-schedule-010-pf`	Dienstleistungsbezogene Anzeigen, Optimierung für gebuchte Termine und Retargeting bei Nichterscheinen.
SearchButton	`action-btn-srch-015-pf`	Verständnis der Absicht hinter Suchanfragen, Optimierung von Inhalten/Anzeigen für Suchbegriffe und Aufbau suchbasierter Zielgruppen.
SearchInput	`action-inpt-srch-014-pf`	Verständnis der Absicht hinter Suchanfragen, Optimierung von Inhalten/Anzeigen für Suchbegriffe und Aufbau suchbasierter Zielgruppen.
StartTrial	`action-btn-trial-012-pf`	Optimierung für SaaS/Freemium-Conversions und Retargeting von Testnutzern für Upgrades.
Subscribe	`action-btn-sub-002-pf`	Messung von Newsletter- oder Dienstleistungs-Anmeldungen, Optimierung von Abo-Funnels und Erstellung von Lookalike Audiences aus Abonnenten.
SubmitApplication	`action-btn-submit-013-pf`	Stellenanzeigen, Zuordnung von Einstellungen zu Kampagnen und Optimierung für qualifizierte Bewerberkanäle.
ViewContent	`action-btn-vc-019-pf`	Awareness am oberen Ende des Funnels, Messung der Content-Performance und Retargeting engagierter Besucher.

Formular-Event-Klassen (Zu jedem Formular hinzufügen)

Wenden Sie diese Klassen auf Formular-Container und Eingabefelder an, um Nutzerinformationen zu erfassen. Funktioniert mit den Events AddPaymentInfo, CompleteRegistration, Contact, CustomizeProduct, Donate, Lead, PageView, Schedule, StartTrial, SubmitApplication und Subscribe.

Um Nutzerdaten wie Name oder E-Mail zu erfassen, müssen Sie zuerst die Klasse info-frm-cntr-pf zu Ihrem Formular-Container hinzufügen. Fügen Sie dann die spezifischen Feldklassen zu den einzelnen Eingabefeldern hinzu.

Element	CSS-Klasse
Formular-Container oder Formular-Element	`info-frm-cntr-pf`
Vorname Eingabefeld	`info-cust-fn-pf`
Nachname Eingabefeld	`info-cust-ln-pf`
Vollständiger Name Eingabefeld	`info-cust-full-name-pf`
E-Mail Eingabefeld	`info-cust-em-pf`
Telefon Eingabefeld	`info-cust-ph-pf`
Wert- oder Preisfeld	`info-val-pf`

Suche / Standort Event-Klassen

Verwenden Sie diese Klassen, um Such- und Standortsuchen-Events zu verfolgen. Umschließen Sie Ihre Such- oder Standortfelder und Buttons mit dem Container-Element und fügen Sie dann die entsprechenden Klassen zum Feld und Button hinzu.

Die Container-Klasse info-srch-ctnr-pf sollte sowohl Ihr Eingabefeld als auch Ihren Button umschließen. Wenn auf den Button geklickt wird, extrahiert PixelFlow die Daten aus dem Eingabefeld und sendet sie mit dem Event.

Element	CSS-Klasse
Suche / Standort Container-Element (umschließt Eingabefeld und Button)	`info-srch-ctnr-pf`
Suche Eingabefeld (Nutzer gibt Suchtext hier ein)	`action-inpt-srch-014-pf`
Suche Button (Event wird mit extrahierten Daten gesendet, wenn dieser Button geklickt wird)	`action-btn-srch-015-pf`
Standortsuche Eingabefeld (Nutzer gibt Standort hier ein)	`action-inpt-loc-016-pf`
Standortsuche Button (Event wird mit extrahierten Daten gesendet, wenn dieser Button geklickt wird)	`action-btn-loc-017-pf`

E-Commerce Event-Klassen

Verwenden Sie diese Klassen, um Produktinformationen für E-Commerce-Events zu verfolgen: Add To Wish List, Add To Cart, Initiate Checkout und Purchase.

Wenden Sie diese auf Elemente in Ihrem Warenkorb, Checkout oder auf Bestätigungsseiten an.

E-Commerce-Tracking erfordert eine verschachtelte Struktur. Sie müssen zuerst die Haupt-Container-Klasse hinzufügen, dann einzelne Produkt-Container-Klassen und schließlich die spezifischen Produktdetail-Klassen.

Container-Struktur

Element	CSS-Klasse
(ERFORDERLICH) Produktlisten-Container, der alle Produkte und den Button enthält	`info-chk-itm-ctnr-pf`
(OPTIONAL) Gesamtsummen-Element	`info-totl-amt-pf`

Klassen auf Produktebene

Element	CSS-Klasse
(ERFORDERLICH) Einzelner Produkt-Container	`info-chk-itm-pf`
Produkt-ID	`info-itm-id-pf`
Produktpreis	`info-itm-prc-pf`
Produktmenge	`info-itm-qnty-pf`

Für Produkt-IDs: Verwenden Sie dieselbe ID, die in Ihrem CMS/Datenbank und im Meta-Produktkatalog existiert. Sie können dies als verstecktes Feld hinzufügen, wenn es für Nutzer nicht sichtbar sein soll.

Hilfe erhalten

Wenn Sie Unterstützung bei der Implementierung dieser Klassen auf Ihrer speziellen Plattform benötigen oder Probleme beim Tracking beheben müssen, lesen Sie Ihren plattformspezifischen Leitfaden oder kontaktieren Sie den PixelFlow-Support.

Sobald Sie die entsprechenden Klassen hinzugefügt haben, testen Sie Ihr Tracking, indem Sie die Aktionen auf Ihrer Website ausführen und die PixelFlow-Event-Logs prüfen, um zu bestätigen, dass die Events korrekt ausgelöst werden.

War das hilfreich?