• Script anti-scintillement

    Table des matières

    En bref

    Le script anti-flicker permet d'éviter le phénomène typique du flickering lors de l'A/B testing. Ce script peut être intégré en option avant le snippet de code Varify.io®.

    Qu'est-ce que le papillonnage ?

    Dans la variante d'un test A/B ou d'un test de redirection, la page web est d'abord chargée sans modification. La variante modifie ensuite la page Web. Lors de la diffusion de la variante, l'utilisateur peut être confronté à un "scintillement", appelé flickering.

    Un script anti-flicker permet d'empêcher un tel scintillement des pages.

    Intégrer un script anti-scintillement

    Code de script anti-scintillement

    Tu peux copier le script anti-scintillement directement ici et l'intégrer dans ton site web.

    <style>.varify-antiflicker{opacity:0 !important}</style>
    <script>(function (n,o, f,l,i,c,k,e,r) {
      var z = n.classList;z.add(o);setTimeout(()=>z.remove(o),f)
    }(document.documentElement, 'varify-antiflicker', 4000));</script>
    				
    					<style>.varify-antiflicker{opacity:0 !important}</style>
    <script>(function (n,o, f,l,i,c,k,e,r) {
      var z = n.classList;z.add(o);setTimeout(()=>z.remove(o),f)
    }(document.documentElement, 'varify-antiflicker', 4000));</script>
    				
    			

    Où faut-il placer le script anti-scintillement ?

    Le script anti-scintillement doit être intégré dans ton site web, tout comme le snippet de code Varify.io®. Pour que le script fonctionne, il doit être placé au-dessus du snippet de code Varify.io® déjà intégré.

    Avantages et inconvénients du script anti-scintillement

    AvantageInconvénient
      

    Pas de scintillement des pages

    Amélioration de l'expérience utilisateur : Moins de distraction de l'utilisateur grâce au flickering

    Taux de rebond plus faible : Les pages sans scintillement ont tendance à avoir un taux d'engagement plus élevé

    Effet négatif possible sur Core Web Vitals : Temps de chargement du site prolongé

    Explication technique

    Le script anti-scintillement veille à ce que la page soit masquée jusqu'à ce que Varify.io® donne une réponse indiquant si une variante a été diffusée ou si une variante doit être diffusée.

    Tant que la variante n'est pas entièrement chargée, la page web est masquée et l'utilisateur voit uniquement un fond blanc.

    Dès que la variante est entièrement chargée, le script affiche la page chargée.

    Le masquage se fait généralement en quelques millisecondes, de sorte que l'utilisateur ne s'en aperçoit généralement pas.

    Le script cache la page pendant 4 secondes au maximum. Ensuite, le site web est affiché, même si la variante n'a pas encore été entièrement récupérée par le serveur. La valeur de 4 secondes peut également être remplacée dans le script par une durée plus longue ou plus courte.

  • Premiers pas