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>
 
```bash ## Validierungsregeln für Goal-Namen Der Goal-Name in `data-fs-scroll` folgt den gleichen Regeln wie [benutzerdefinierte
Goals](/docs/custom-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](/docs/custom-goals) anzeigen - Scroll-Goals in [Conversion-Funnels](/support/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](/support/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.