Suivre les evenements de defilement
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 :
<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 :
<!-- 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>
```bash ## Regles de validation du nom d'objectif Le nom d'objectif dans `data-fs-scroll` suit les memes regles que les [objectifs
personnalises](/docs/custom-goals) : - 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](/docs/custom-goals) - Inclure les objectifs de defilement dans les [entonnoirs de
conversion](/support/conversion-funnels) 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](/support/conversion-funnels) 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.