Scroll-Events verfolgen, Hilfecenter

Erfassen Sie automatisch, wenn Besucher zu bestimmten Abschnitten Ihrer Seite scrollen, wie Features, Testimonials, Pricing, CTA und mehr.

Einfache Einrichtung

Fügen Sie einem beliebigen HTML-Element ein data-fs-scroll-Attribut hinzu, um zu verfolgen, wann es im Viewport erscheint:

HTML

<section data-fs-scroll="scroll_to_pricing">
  <h2>Pricing</h2>
  <p>Choose the perfect plan for your needs</p>
</section>

Wenn ein Besucher scrollt und dieser Abschnitt zu 50% sichtbar wird, löst Flowsery Analytics automatisch ein scroll_to_pricing-Goal aus.

Funktionsweise

Sichtbarkeitsschwelle: Standardmäßig wird das Goal ausgelöst, wenn 50% des Elements im Viewport sichtbar sind
Sofortige Erfassung: Goals werden sofort gesendet, sobald die Schwelle erreicht ist (keine Verzögerung)
Einmalige Erfassung: Jedes Element löst nur einmal pro Seitenbesuch aus, um doppelte Goals zu vermeiden

Anwendungsfälle

Verfolgen Sie das Engagement mit wichtigen Seitenabschnitten:

HTML

<!-- Track pricing section engagement -->
<section data-fs-scroll="viewed_pricing">
  <!-- Pricing content -->
</section>
 
<!-- Track if users read testimonials -->
<div data-fs-scroll="read_testimonials" data-fs-scroll-threshold="0.7">
  <!-- Testimonials content -->
</div>
 
<!-- Track CTA visibility with a delay to ensure user attention -->
<div data-fs-scroll="saw_signup_cta" data-fs-scroll-delay="2000">
  <button>Kostenlose Testversion starten</button>
</div>

Validierungsregeln für Goal-Namen

Der Goal-Name in data-fs-scroll folgt den gleichen Regeln wie benutzerdefinierte Goals:

Verwenden Sie nur Kleinbuchstaben, Zahlen, Unterstriche (_) und Bindestriche (-)
Maximal 64 Zeichen
Beispiele: scroll_to_pricing, viewed_hero, read_features

Analyse

Nach der Konfiguration können Sie:

Scroll-Goals in Ihrem Bereich benutzerdefinierte Goals anzeigen
Scroll-Goals in Conversion-Funnels einbinden, um den Benutzer-Engagement-Flow zu verstehen
Ihre Analytics nach Besuchern filtern, die bestimmte Abschnitte erreicht haben

Tipp: Kombinieren Sie Scroll-Tracking mit Conversion-Funnels, um zu sehen, wie die Sichtbarkeit von Abschnitten Conversions beeinflusst.

Erweiterte Konfiguration

Passen Sie die Sichtbarkeitsschwelle und Verzögerung mit zusätzlichen Datenattributen an:

HTML

<section data-fs-scroll="scroll_to_hero_cta" data-fs-scroll-threshold="0.8" data-fs-scroll-delay="1000">
  <h1>Bereit loszulegen?</h1>
  <button>Jetzt anmelden</button>
</section>

Konfigurationsoptionen

data-fs-scroll-threshold (optional): Wie viel des Elements sichtbar sein muss, bevor es auslöst (0.1 = 10%, 1 = 100%). Standard: 0.5 (50%)
data-fs-scroll-delay (optional): Wie lange gewartet werden soll (in Millisekunden), nachdem das Element sichtbar wird, bevor das Event gesendet wird. Standard: 0 (keine Verzögerung)

Für eine vollständige Referenz aller Tracking-Script-Konfigurationsoptionen siehe die Script-Konfigurationsdokumentation.