Script anti-flicker
Resumidamente
O anti-flicker script pode ser usado para evitar o fenómeno típico de cintilação durante o teste A/B. Este script pode, opcionalmente, ser integrado antes do snippet de código Varify.io®.
O que é flickering?
Num teste A/B ou de redireccionamento, a página web é primeiro carregada sem quaisquer alterações. A variante depois modifica a página web. Quando a variante é exibida, os utilizadores podem experienciar um efeito de «flickering».
Este flickering da página pode ser evitado através de um script anti-flicker.
Integrar o Anti Flicker Script
Código do script anti-flicker
Você pode copiar o script anti-flicker diretamente daqui e integrá-lo ao seu site.
<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>
Onde o script anti-flicker deve ser colocado?
O script anti-flicker deve ser integrado ao seu site, assim como o snippet de código Varify.io®. Para que o script funcione, ele deve ser colocado acima do snippet de código Varify.io® já integrado.
Vantagens e desvantagens do script anti-flicker
| Vantagem | Desvantagem |
|---|---|
| Sem flickering Experiência do utilizador melhorada: Menos distração do utilizador devido ao flickering Taxa de rejeição mais baixa: Páginas sem flickering tendem a ter uma taxa de envolvimento mais elevada | Possível efeito negativo nos Core Web Vitals: Tempo de carregamento do website prolongado |
Explicação técnica
O script anti-flicker garante que a página fica escondida até a Varify dar feedback sobre se uma variante foi apresentada ou se uma variante deve ser apresentada.
Enquanto a variação não estiver totalmente carregada, o website fica escondido e o utilizador vê apenas um fundo branco.
Assim que a variante estiver totalmente carregada, o script apresenta a página carregada.
A ocultação geralmente ocorre dentro de alguns milissegundos, de forma que o usuário normalmente não percebe nada.
O script oculta a página por, no máximo, 4 segundos. A página é então exibida, mesmo que a variante ainda não tenha sido totalmente obtida do servidor. O valor de 4 segundos também pode ser substituído por um tempo maior ou menor no script.