Pular para o conteúdo principal

Extensão para navegador Chrome

Última atualização em 24 de mar. de 20263 min de leitura
Índice

Resumindo​

Com a extensão Varify para Chrome, podes testar o Varify localmente no teu navegador, mesmo que o código snippet ainda não esteja integrado na página. Também te permite verificar se o teu script foi implementado corretamente. O Responsive Device Switcher também está disponível, mesmo que esteja bloqueado por predefinição no teu website. Além disso, a extensão mostra todas as experiências ativas e dá-te a possibilidade de alternar facilmente entre as Variants de uma experiência para alterar.

Instalar a extensão para Chrome​

  1. Faça o download da extensão:
  1. Instalação e ativação no Chrome:
  • Clique em "Add" para instalar a extensão.
  • Ative a extensão após a instalação.
  • Adicione-a à sua barra de extensões no Chrome
Plugin de pré-visualização Varify informando «Snippet found» e listando quatro experimentos ativos com sua variação atribuída

Funções da extensão Varify.io para Chrome​

Integração local do snippet Varify​

Com a extensão Varify para Chrome, você pode executar o snippet de código Varify apenas localmente no seu navegador para testar o editor e as funções do Varify.

Veja como funciona:

  1. Abra o painel do Varify e procure por "Get Snippet Here".
  2. Copie o snippet do Varify exibido ali.
  3. Abra a extensão Varify.io para Chrome.
  4. Cole o snippet copiado no campo "Your Snippet Code" dentro da extensão.
  5. Insira o domínio do site que deseja testar no campo «Domain» (exemplo: test.com ou varify.io)
  6. Salve o snippet e o domínio clicando em «Save Snippet»
  7. Ative o interruptor "Integrate Snippet" para executar o snippet apenas no seu navegador.
important

ImportanteEsta versão aplica-se apenas ao seu navegador e não é visível para outros usuários. Assim que o snippet do Varify tiver sido integrado diretamente no site, você deve desativar o interruptor novamente para evitar implementações duplicadas.

Antes e depois: com «Integrate Snippet» ativado, o snippet da conta e o domínio são inseridos e salvos com «Save Snippet»

Exemplo 1: Testar o Varify Editor​

Podes experimentar o Varify Editor sem integrar o snippet diretamente no teu website. Isto permite-te familiarizar-te com as funções e testar alterações iniciais.

Exemplo 2: Criar experimentos de teste iniciais​

Configura experimentos iniciais e apresenta-os apenas no teu próprio navegador. Desta forma podes verificar como as alterações ficam antes de integrares o snippet permanentemente no website.

Verificar a integração do snippet de código​

Na parte superior direita da extensão Varify para Chrome, podes ver rapidamente se o snippet de código da Varify já está integrado no código do site.

❗️Importante: Isto refere-se à integração diretamente no código do site, não ao snippet que inseriste através da extensão do Chrome.

🟢 Ponto verde & "Snippet found" → O snippet está integrado com sucesso no site.

🟠 Ponto laranja & "Snippet not found" → O snippet não foi encontrado e ainda precisa de ser integrado.

O cabeçalho do plugin em ambos os estados: «Snippet found» com um ponto verde e «Snippet not found» com um ponto laranja

Contornando problemas com o Responsive Device Switcher​

O "Responsive Device Switcher" no editor visual permite exibir um website em diferentes larguras de tela.

Em alguns casos, restrições de framing podem impedir que o device switcher carregue o website. Se isso ocorrer, a extensão Varify para Chrome oferece uma solução simples:

  1. Ative o botão "Allow Responsive Device Switcher" na extensão Chrome.
  2. Recarregue a página.
Editor Varify com o device switcher desativado, mostrando uma página vazia, e com ele ativado, mostrando a página renderizada

Experimentos ativos​

Em "Active Experiments" podes ver todos os experimentos ativos na página que estás a visualizar atualmente. Assim como a variante à qual estás atualmente atribuído

Isto permite-te verificar rapidamente se as definições de "Page Targeting" e "Audience Targeting" estão corretas e se o experimento está a ser exibido para ti conforme pretendido.

Plugin com a lista "Active Experiments" destacada, indicando cada experimento em execução com o seu ID e a variação que o visitante vê

Alternador de Variação da Experiência​

O Experiment Variation Switcher na extensão Varify para Chrome permite alterar a variação atribuída a você para os experimentos exibidos na página.

Veja como funciona:

  1. O menu suspenso em "Experiment Variation Switcher" lista todos os experimentos ativos na página. Selecione o experimento para o qual deseja alterar a variação.
  2. A variação atualmente ativa é exibida no menu suspenso em "Active Variation". Selecione aqui a variação para a qual deseja mudar.
  3. Clique em "Switch Variation" para alterá-las.
important

DICA: Esta função é particularmente útil para o controle de qualidade, pois você pode alternar entre variantes e verificar sua exibição.
Saiba mais aqui: A/B testing - quality assurance

Plugin com o experimento «optimization (16848)» escolhido e «variation-1 (23740)» definida como a variação ativa antes de «Switch Variation»
Nesta página