Suivre les evenements de defilement, Centre d'aide

Enregistrez automatiquement quand les visiteurs font defiler jusqu'a des sections specifiques de votre page comme les fonctionnalites, temoignages, tarifs, CTA, et plus.

Configuration simple

Ajoutez un attribut data-fs-scroll a n'importe quel element HTML pour suivre quand il entre dans la zone visible :

HTML

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

Quand un visiteur fait defiler et que cette section devient visible a 50%, Flowsery Analytics declenchera automatiquement un objectif scroll_to_pricing.

Comment cela fonctionne

Seuil de visibilite : Par defaut, l'objectif se declenche quand 50% de l'element est visible dans la zone d'affichage
Suivi instantane : Les objectifs sont envoyes immediatement une fois le seuil atteint (pas de delai)
Suivi unique : Chaque element ne se declenche qu'une seule fois par visite de page pour eviter les objectifs en double

Cas d'utilisation

Suivez l'engagement avec les sections cles de la page :

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>Démarrer l’essai gratuit</button>
</div>

Regles de validation du nom d'objectif

Le nom d'objectif dans data-fs-scroll suit les memes regles que les objectifs personnalises :

Utilisez uniquement des lettres minuscules, chiffres, underscores (_) et tirets (-)
Maximum 64 caracteres
Exemples : scroll_to_pricing, viewed_hero, read_features

Analyse

Une fois configure, vous pouvez :

Voir les objectifs de defilement dans votre section objectifs personnalises
Inclure les objectifs de defilement dans les entonnoirs de conversion pour comprendre le flux d'engagement des utilisateurs
Filtrer vos analyses par visiteurs qui ont atteint des sections specifiques

Astuce : Combinez le suivi de defilement avec les entonnoirs de conversion pour voir comment la visibilite des sections influence les conversions.

Configuration avancee

Personnalisez le seuil de visibilite et le delai en utilisant des attributs de donnees supplementaires :

HTML

<section data-fs-scroll="scroll_to_hero_cta" data-fs-scroll-threshold="0.8" data-fs-scroll-delay="1000">
  <h1>Prêt à commencer?</h1>
  <button>Inscrivez-vous maintenant</button>
</section>

Options de configuration

data-fs-scroll-threshold (optionnel) : Quelle proportion de l'element doit etre visible avant le declenchement (0.1 = 10%, 1 = 100%). Par defaut : 0.5 (50%)
data-fs-scroll-delay (optionnel) : Combien de temps attendre (en millisecondes) apres que l'element soit devenu visible avant d'envoyer l'evenement. Par defaut : 0 (pas de delai)

Pour une reference complete de toutes les options de configuration du script de suivi, consultez la documentation de configuration du script.