Blog

A Importância do Antiflicker para Testes A/B

Íris Marinelli

Pare agora. Antes de dar início a qualquer teste A/B, você precisa conhecer o antiflicker.

Sem ele, seus testes podem trazer resultados imprecisos. Neste artigo, vou descrever o procedimento que evita esse problema. 

Antes de continuar, se você não tiver um conhecimento prévio sobre como rodar testes A/B com o Google Optimize, leia este artigo que traz um passo a passo bem útil.

O que é “efeito flicker” e por que implementamos o antiflicker

Quando colocamos um teste A/B para rodar, o Google Optimize simula uma “máscara” na página verdadeira. Assim, é possível entregar uma versão diferente para uma porção da audiência. 

Acontece que essa máscara pode demorar a aparecer e a versão original é mostrada brevemente antes da versão modificada. Isso confunde o usuário, que passa a ter um acesso, mesmo que breve, à página original. Dessa forma, seus resultados serão afetados por essa confusão.

É por isso que instalamos o antiflicker. Veja a seguir como fazê-lo.

Como instalar o antiflicker

O Google disponibiliza um código para impedir que o flickering aconteça. Veja o passo a passo:

  1. Copie o código do antiflicker e altere o identificador presente no final do código levando em consideração a forma como o Google Optimize foi instalado no seu site.
  2. Se o Google Optimize foi instalado diretamente na página, sem o intermédio do Google Tag Manager, utilize o identificador do próprio Google Optimize. Agora, se o Google Optimize foi instalado através do GTM, utilize o código do próprio. Você pode encontrar o identificador nas configurações de conta das ferramentas.
  3. É possível customizar o tempo limite de execução do antiflicker. No entanto, configurar um tempo curto demais faz com que muitas pessoas não participem do teste, já que, se o tempo limite for atingido, o teste será cancelado para aquele visitante e a página será liberada. O recomendado pelo Google é 4.000 milissegundos (4 segundos).
  4. Insira o código completo com o identificador correto logo após a abertura da tag <head> no HTML (exceto se seu site inserir informações na dataLayer, nesse caso a dataLayer vem antes do antiflicker). Isso é importante para que nada impeça o antiflicker de rodar e garantir que a página fique oculta até o momento certo.

Confira aqui as instruções do Google para mais detalhes, inclusive o código.

É preciso seguir uma ordem de instalação das tags no site para que ele não fique lento. Veja só:

  1. DataLayer (instruções do Google aqui)
  2. Antiflicker
  3. Google Optimize (confira nosso guia aqui)
  4. Google Analytics (confira dicas aqui)

Assim, quando o teste for finalizado, retire o antiflicker.

A importância das ferramentas para a otimização de conversão

De acordo com o Wordstream, ferramentas de otimização de conversão ajudam empresas a aumentarem seu ROI em até 223%. Se você quer fazer parte da turma que possui esse tipo de resultado, precisa implementar um processo detalhado de CRO, ou Otimização da Taxa de Conversão, na sua empresa. 

Temos aqui uma gama de conteúdos que você pode estudar para ampliar as suas estratégias de experimentação:

Boa leitura!

De curioso a cliente

Um passo a passo eficiente para transformar seus visitantes em compradores

baixar e-book

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Mensagem enviada com sucesso!

Obrigado pelo contato!

Responderemos em até 1 dia útil.

Ver conteúdos sobre CRO