Pixelflow
Events auslösen

Events tracken & auslösen

Es gibt 5 verschiedene Möglichkeiten, wie Sie Events von Ihrer Website oder App aus tracken und auslösen können:

  1. Visual Tagger: Am besten geeignet für Buttons, Formulare, Popups und andere Interaktionen auf der Seite. Dies ist die empfohlene Option für die meisten Benutzer.

  2. Integrationen: Wenn Sie Stripe oder Calendly nutzen, verwenden Sie einfach unsere einfachen Integrationen, um Events von Drittanbieter-Plattformen automatisch zu synchronisieren und auszulösen.

  3. URL-Trigger: Bestens geeignet für Dankesseiten, Buchungsbestätigungen und andere Meilensteine beim Laden einer Seite.

  4. Manuelles Tagging mit CSS-Klassen: Am besten, wenn Sie mehr Kontrolle, eine umfassendere Datenerfassung benötigen oder als Ausweichlösung für Setups, bei denen der Visual Tagger nicht optimal passt.

  5. Programmatische API: Wenn Sie ein Entwickler sind und die granulare Kontrolle über das Auslösen von Events über Ihre Website oder App wünschen.

Empfehlung: Verwenden Sie den Visual Tagger für das einfachste Setup.

Vergleich der verschiedenen Möglichkeiten, Events auf Ihrer Website auszulösen

Tracking-Typ

Vorteile

Nachteile

Visual Tagger

  • Einfach zu bedienen (Point & Click)

  • Erkennt automatisch zu trackende Bereiche

  • Kann für alle Arten von Events verwendet werden

  • Tracking könnte fehlschlagen, wenn Sie das Website-Layout ändern

  • Erfordert, dass das Element auf der Seite sichtbar ist, um es zu taggen

Integrationen

  • Automatische Event-Synchronisierung (kein Code)

  • Löst Events direkt von der Quelle aus und kann nicht blockiert werden

  • Genaueste Methode für Kauf- und Lead-Events

  • Nur für unterstützte Plattformen verfügbar (derzeit Stripe und Calendly)

URL-Trigger

  • Funktioniert, ohne den Code oder das Design Ihrer Website anzupassen

  • Ideal für Dankesseiten nach einem Kauf oder einer Formularübermittlung

  • Kann automatisch Informationen aus URLs extrahieren, um Ihre Events anzureichern

  • Funktioniert nur, wenn die getrackte Aktion zu einer neuen URL weiterleitet; weniger flexibel für das Tracking von Interaktionen mitten auf der Seite

  • Kann erneut ausgelöst werden, wenn ein Benutzer zur selben URL zurückkehrt (z. B. Lesezeichen für Ihre Dankesseite), wobei Sie Blockierungsregeln verwenden können, um dies zu verhindern

Manuelles Tagging (CSS-Klassen)

  • Funktioniert bei jedem Element (Buttons, Formulare, Links)

  • Einfach zu bedienen und einzurichten

  • Unterstützt benutzerdefinierte Event-Daten über Attribute (Wert, Währung, Produkt-ID)

  • Erfordert Zugriff zur Bearbeitung des HTML-Codes Ihrer Website

  • Etwas komplexer in der Einrichtung

  • Einige Plattformen unterstützen keine benutzerdefinierten Klassen (z. B. Squarespace)

Programmatische API

  • Volle Kontrolle darüber, wann und wie Events ausgelöst werden

  • Unterstützt bedingte Logik (z. B. nur tracken, wenn der Benutzer eingeloggt ist)

  • Am besten für benutzerdefinierte Workflows oder mehrstufige Formulare geeignet

  • Erfordert JavaScript-Kenntnisse, längere Einrichtungszeit als andere Methoden, nicht für nicht-technische Benutzer empfohlen

Der Visual Tagger – Für die meisten Event-Trackings verwenden

Der Visual Tagger ist der einfachste Weg, um Event-Tracking auf den meisten No-Code-Websites einzurichten.

PixelFlow Visual Tagger Widget-Overlay auf einer Website, das die Point-and-Click-Benutzeroberfläche zur Auswahl von zu trackenden Elementen zeigt

Er funktioniert gut für:

  • Button-Klicks

  • Formularübermittlungen

  • Newsletter-Anmeldungen

  • Lead-Formulare

  • Buchungs-Buttons und Popups

Verwenden Sie ihn, wenn Sie das Tracking schnell einrichten möchten, ohne die Klassen jedes Elements zu bearbeiten.

Es kann einige Sonderfälle geben, in denen er nicht funktioniert. In diesen Fällen können Sie die untenstehenden Optionen nutzen.

URL-Trigger – Für Erfolgsseiten / ViewContent-Seiten verwenden

PixelFlow-Dashboard, das die Konfiguration von URL-Triggern mit einem Feld zur Eingabe von URL-Pfadmustern wie /thank-you oder /booking-confirmed zeigt

URL-Trigger:

  • Gut geeignet für /thank-you und /booking-confirmed Seiten

  • Perfekt zum Auslösen von viewcontent-Events (z. B. Auslösen auf /shop, um auf allen Produkt-URLs zu feuern, die mit /shop beginnen). Tipp: Verwenden Sie in diesen Situationen den Visual Tagger zur Einrichtung, damit Sie auch Produktinformationen auf den Seiten tracken können.

  • Einfach einzurichten

  • Weniger genau für On-Page-Formulare, Modale oder Buttons, die keine neue URL laden

Wenn Benutzer die Seite neu laden oder erneut besuchen können, verwenden Sie Event-Blockierungsregeln, um Dubletten zu reduzieren.

URL-Trigger funktionieren am besten, wenn eine Conversion auf einer eindeutigen Seite endet, wie z. B. einer Dankesseite nach einem Kauf oder einer Bestätigungsseite nach einer Buchung. Wenn ein Benutzer ein Formular ausgefüllt hat, bevor er auf Ihre Erfolgsseite gelangt ist, erhalten Sie bessere Tracking-Ergebnisse, wenn Sie das Formular anstelle der Erfolgsseite tracken.

Manuelles Tagging mit CSS-Klassen – Für mehr Kontrolle verwenden

HTML-Code-Snippet, das ein CSS-Klassenattribut zeigt, das einem Button-Element mit dem PixelFlow-Tracking-Klassennamen hinzugefügt wurde

Das Hinzufügen von "CSS-Klassen" zu Elementen ist die Fallback-Methode, wenn die Verwendung des Visual Tagger nicht funktioniert. Sie können:

  • Formularfelder wie Name, E-Mail, Telefon oder Wert erfassen

  • benutzerdefinierte Komponenten taggen, die eine präzise Steuerung erfordern

  • E-Commerce-Elemente mit Produktdetails tracken

Es ist ideal, wenn Sie regelmäßig Layout-Änderungen an Ihrer Website vornehmen, da Klassen mit größerer Wahrscheinlichkeit an Buttons/Formularen erhalten bleiben.

Das manuelle Tagging ist aufwendiger, gibt Ihnen aber eine stärkere Kontrolle darüber, wie Events ausgelöst werden und welche Daten PixelFlow erfasst. Es ist die beste Methode, wenn der Visual Tagger die Daten nicht erfassen kann.

Manuelles Tagging erfordert mehr Einrichtung als der Visual Tagger

Integrationen – Für Stripe-Käufe & Terminbuchungen verwenden

PixelFlow-Integrationsseite, die verbundene Stripe- und Calendly-Konten für die automatische Event-Synchronisierung von Drittanbieter-Plattformen zeigt

Unsere Integrationen bieten eine direkte Verbindung zu Drittanbieter-Plattformen wie Stripe oder Calendly, sodass Sie Events nur dann auslösen können, wenn eine Aktion woanders stattgefunden hat. Zum Beispiel:

  • Ein Kunde hat einen Kauf in Stripe getätigt

  • Ein Kunde hat ein Gespräch mit Ihnen gebucht

Sie sind die perfekte „Source of Truth“, und insbesondere bei Stripe können Sie noch mehr Daten mit Ihrem Event senden lassen, da Stripe alles übermittelt, was sie vom Kunden erhalten haben, wie Postleitzahl, Telefonnummer usw.

War das hilfreich?