Erste Schritte

Benutzerdefinierte Ziele

Bestimmte Nutzeraktionen über Seitenaufrufe hinaus verfolgen

Mit Flowsery Analytics koennen Sie bestimmte Nutzeraktionen ueber Seitenaufrufe hinaus verfolgen, sogenannte Ziele (Registrierung, Newsletter-Anmeldung, Checkout gestartet usw.).

  • Gewinnen Sie Einblick in das Verhalten Ihrer Besucher auf Ihrer Website
  • Schalten Sie die Journey-Funktion frei
  • Verbessern Sie Umsatzprognosen und Conversion-Funnels

Sie koennen Ziele mit drei Methoden verfolgen:

Methode #1: Client-seitiges Tracking mit JavaScript

Rufen Sie die Funktion flowsery() auf und uebergeben Sie Ihren Zielnamen als Argument. Platzieren Sie den JavaScript-Snippet ueberall dort, wo die Conversion stattfindet (z. B. auf einer "Danke"-Seite nach der Registrierung, wenn ein Nutzer auf einen Button klickt usw.).

window?.flowsery("signup");

Regeln fuer goal_name:

  • Kleinbuchstaben verwenden
  • Zahlen, Unterstriche (_) und Bindestriche (-) sind erlaubt
  • Maximal 64 Zeichen

Erweiterte Nutzung mit benutzerdefinierten Parametern

Haengen Sie ein Objekt mit benutzerdefinierten Parametern an Ihre Ziele an, um reichhaltigere Analysen in Journey zu erhalten:

Ziel mit benutzerdefinierten Parametern
window?.flowsery("initiate_checkout", {
  name: "Elon Musk",
  email: "elon@x.com",
  product_id: "prod_123",
});

Regeln fuer benutzerdefinierte Parameter:

  • Eigenschaftsnamen: Nur Kleinbuchstaben, Zahlen, Unterstriche (_) und Bindestriche (-). Max. 64 Zeichen.
  • Eigenschaftswerte: Beliebige Zeichenkette, max. 255 Zeichen.
  • Maximal 10 benutzerdefinierte Parameter pro Ereignis.

Zuverlaessiges Tracking sicherstellen (empfohlen)

Fuegen Sie dieses Snippet in Ihren HTML-<head>-Bereich ein, um sicherzustellen, dass Ereignisse auch dann erfasst werden, wenn sie vor dem Laden des Hauptskripts ausgeloest werden:

Ereignis-Warteschlangen-Snippet
<script id="flowsery-queue">
  window.flowsery = window.flowsery || function() {
    window.flowsery.q = window.flowsery.q || [];
    window.flowsery.q.push(arguments);
  };
</script>

Methode #2: Client-seitiges Tracking mit HTML-Datenattributen

Verfolgen Sie Ziele automatisch, wenn Nutzer auf ein Element mit dem Attribut data-fs-goal klicken. Dies ist der einfachste Ansatz zum Verfolgen von Button-Klicks.

<button data-fs-goal="initiate_checkout">Buy Now</button>

In diesem Beispiel sendet Flowsery Analytics ein Ziel namens initiate_checkout.

Erweiterte Nutzung mit benutzerdefinierten Parametern

Fuegen Sie zusaetzliche data-fs-goal-*-Attribute hinzu, um benutzerdefinierte Parameter einzuschliessen:

Datenattribut-Ziel mit Parametern
<button
  data-fs-goal="initiate_checkout"
  data-fs-goal-price="49"
  data-fs-goal-currency="USD"
  data-fs-goal-plan-type="pro">
    Subscribe to Pro Plan
</button>

In diesem Beispiel sendet Flowsery Analytics ein Ziel namens initiate_checkout mit { price: '49', currency: 'USD', plan_type: 'pro' } als benutzerdefinierte Parameter.

Regeln fuer Datenattributwerte:

  • Zielnamen: Gleiche Regeln wie bei der JavaScript-Methode (Kleinbuchstaben, Zahlen, Unterstriche, Bindestriche, max. 64 Zeichen)
  • Parameternamen: Werden vom Attributnamen abgeleitet und von kebab-case in snake_case umgewandelt (z. B. data-fs-goal-product-id wird zu product_id)
  • Parameterwerte: Beliebige Zeichenkette, max. 255 Zeichen (automatisch bereinigt)
  • Maximal 10 benutzerdefinierte Parameter pro Ereignis

Einschraenkungen des client-seitigen Trackings

Obwohl es einfach zu implementieren ist, kann client-seitiges Tracking aufgrund von Werbeblockern oder Netzwerkproblemen weniger genau sein. Fuer hoehere Zuverlaessigkeit sollten Sie serverseitiges Tracking in Betracht ziehen.

Methode #3: Serverseitiges Tracking (am genauesten)

Verfolgen Sie Ziele, indem Sie Daten direkt von Ihrem Server ueber die Flowsery Analytics API senden. Dies ist der empfohlene Ansatz fuer maximale Genauigkeit.

  • API-Schluessel erhalten: Gehen Sie zu Ihren Website-Einstellungen > API-Tab und generieren Sie einen API-Schluessel, um Ihre Anfragen zu authentifizieren.
  • Zieldaten senden: Verwenden Sie den Ziel-API-Endpunkt, um Zielinformationen von Ihrem Backend zu uebermitteln, sobald ein Nutzer die gewuenschte Aktion abschliesst.

Umsatz-Tracking

Um Umsaetze gezielt zu verfolgen (z. B. abgeschlossene Kaeufe), verwenden Sie die dedizierte Umsatzzuordnung anstelle von benutzerdefinierten Zielen fuer Zahlungen. Dies bietet detailliertere Finanzanalysen durch die Integration mit Stripe, LemonSqueezy oder Polar.

Benutzerdefinierte Parameter im Dashboard anzeigen

Wenn Sie benutzerdefinierte Parameter an ein Ziel uebergeben (mit einer der oben genannten Methoden), sind diese direkt in Ihrem Dashboard sichtbar.

  • Navigieren Sie zu Ihrem Analytics-Dashboard
  • Fahren Sie mit der Maus ueber ein beliebiges Ziel in der Zielkarte
  • Klicken Sie auf das Parameter-Symbol, um die Aufschluesselung anzuzeigen

Sie sehen eine Aufschluesselung jedes Parameterwerts und wie viele Besucher ihn ausgeloest haben. Wenn Sie beispielsweise ein initiate_checkout-Ziel mit einem plan-Parameter verfolgen, koennen Sie sehen, wie viele Besucher bei jedem Plan (starter, pro, premium usw.) ausgecheckt haben.

Dies funktioniert mit jedem benutzerdefinierten Parameter, den Sie senden -- E-Mail-Adressen, Produktnamen, Tarifarten, Waehrungen oder alles andere, was Sie verfolgen moechten.

Abrechnung

Nutzungsbasierte Abrechnung

Benutzerdefinierte Ziele werden auf Ihre monatliche Flowsery Analytics-Nutzung angerechnet. Achten Sie darauf, nur das Notwendige zu verfolgen. Sie koennen Ihre Nutzung in Ihren Flowsery Analytics-Abrechnungseinstellungen einsehen.