Passa al contenuto principale

Script anti flicker

Ultimo aggiornamento il 24 mar 20262 min di lettura

In breve​

Lo script anti-flicker può essere utilizzato per prevenire il tipico fenomeno dello sfarfallio durante l'A/B testing. Questo script può essere integrato opzionalmente prima dello snippet di codice Varify.io®.

Cos'è il flickering?​

In un test A/B o di reindirizzamento, la pagina web viene prima caricata senza alcuna modifica. La variante modifica quindi la pagina web. Quando viene visualizzata la variante, gli utenti potrebbero notare un effetto di «flickering».

Questo flickering della pagina può essere prevenuto con uno script anti-flicker.

Integrare l'Anti Flicker Script​

Codice dello script anti-flicker​

Puoi copiare lo script anti-flicker direttamente da qui e integrarlo nel tuo sito 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>

Dove va inserito lo script anti-flicker?​

Lo script anti-flicker deve essere integrato nel tuo sito web, proprio come lo snippet di codice Varify.io®. Per funzionare, lo script deve essere inserito sopra lo snippet di codice Varify.io® già integrato.

Due blocchi di codice uno sotto l'altro, etichettati «Anti-Flicker Script» in alto e «Varify.io® Code Snippet» in basso

Vantaggi e svantaggi dello script anti-flicker​

VantaggioSvantaggio
Nessuno sfarfallio (flickering) laterale Esperienza utente migliorata: Meno distrazione dell'utente dovuta allo sfarfallio Tasso di rimbalzo più basso: Le pagine senza sfarfallio tendono ad avere un tasso di coinvolgimento più altoPossibile effetto negativo sui Core Web Vitals: Tempo di caricamento del sito web più lungo

Spiegazione tecnica​

Lo script anti-flicker garantisce che la pagina rimanga nascosta finché Varify non fornisce un riscontro su se una variante è stata mostrata o se una variante debba essere mostrata.

Finché la variante non è stata caricata completamente, il sito web rimane nascosto e l'utente vede solo uno sfondo bianco.

Non appena la variante è stata caricata completamente, lo script mostra la pagina caricata.

L'occultamento avviene solitamente entro pochi millisecondi, in modo che l'utente normalmente non si accorga di nulla.

Lo script nasconde la pagina per un massimo di 4 secondi. Il sito web viene poi visualizzato, anche se la variante non è stata ancora completamente recuperata dal server. Il valore di 4 secondi può essere sostituito nello script con un tempo più lungo o più breve.