Instalação do Varify - Integração do Snippet
Resumo
Incorporar o snippet Varify.io® no seu website ou sistemas de loja pode ser feito rapidamente. O ideal é incluir o snippet JavaScript na tag <head> da sua página web para evitar o flickering da página. Se necessário, também podes usar um tag manager para a integração.
Se não conseguires integrar o snippet imediatamente, podes experimentar a nossa extensão do Google Chrome .
Onde encontrar o teu Varify snippet
Encontras o snippet na aplicação Varify, na barra superior do lado direito do dashboard.
- Abre a aplicação Varify.
- Na barra superior à direita, clica em „Get Varify Snippet“.
- Abre-se uma janela de diálogo. Copia o snippet a partir dessa janela.
Implementação do snippet
Integração na área do website (recomendado)
Se quiseres integrar o snippet do Varify.io no teu website, é importante colocá-lo o mais alto possível na página - idealmente na área <head>. Isto garante que o snippet é carregado corretamente e sem atrasos.
Tens duas opções para integrar o snippet: síncrona e assíncrona. Ambas têm as suas próprias vantagens e desvantagens.
Dependendo dos requisitos e da estrutura específicos do teu website, decides qual o método de implementação mais adequado para ti.
Como integrar o script Varify.io de forma síncrona
| Vantagem | Desvantagem |
|---|---|
| Garante que o script é carregado antes de a página web ser exibida. | Pode aumentar o tempo de carregamento da página web se houver problemas ao carregar o script. |
| Sem cintilação da página | Se o script não carregar, a página web inteira pode não ser exibida. |
<!-- Varify.io® code for YOUR ACCOUNT-->
<script>
window.varify = window.varify || {};
window.varify.iid = YOUR ACCOUNT ID;
</script>
<script src="https://app.varify.io/varify.js"></script>
Importante: Na linha 4, substitui «YOUR ACCOUNT ID» pelo ID da conta do teu dashboard.
Como integrar o script da Varify.io de forma assíncrona
| Vantagem | Desvantagem |
|---|---|
| Não afeta o tempo de carregamento da página web, porque a página web é carregada em paralelo. | Existe a possibilidade de outros scripts serem executados primeiro, o que pode causar efeitos colaterais estranhos. |
| A página web continuará a carregar mesmo que haja problemas ao carregar o script. | Pode ocorrer cintilação da página (flickering) |
<!-- Varify.io® code for YOUR ACCOUNT-->
<script>
window.varify = window.varify || {};
window.varify.iid = YOUR ACCOUNT ID;
</script>
<script async src="https://app.varify.io/varify.js"></script>
Importante: Na linha 4, substitui «YOUR ACCOUNT ID» pelo ID de conta do teu dashboard.
Integração através do Tag Manager
Integrar o snippet JS através do Google Tag Manager é uma forma rápida de integrar o Varify.io® no teu website. No entanto, esta opção também acarreta o risco de um efeito de flickering ser visível durante a entrega de uma variação.
Basta criar uma tag HTML personalizada no teu Tag Manager e inserir o snippet de código JavaScript. Como trigger, seleciona a opção para disparar a tag em todas as páginas o mais rapidamente possível. Uma opção seria, por exemplo, "Initialization - All pages". Nota que pode haver outras opções dependendo da configuração do teu website.
Certifica-te de que substituis "xxx" após o "window.varify.iid =" no screenshot pelo ID da tua conta.
Ao integrar o script Varify através do GTM ou ao integrá-lo diretamente no <body>desativa a definição "Start Tracking on Activation Event" em Advanced Setup. Isto garante que o teu Varify Tracking funciona corretamente.
Experimenta o Varify.io através da extensão Chrome
Podes descarregar a extensão Google Chrome para experimentar o Varify.io. A extensão integra o snippet do Varify.io no teu website exclusivamente para ti, no teu browser. Isto significa que só tu editas e vês variações no teu browser.
Uma explicação mais detalhada sobre a instalação e ativação, bem como outras funções, pode ser encontrada aqui: Extensão Varify® para navegador Chrome
Evita o flickering durante a execução da experiência
O flickering ocorre quando a página já está visível antes de o Varify ter aplicado totalmente a variante. A melhor forma de evitar isto é incluir o snippet no <head>.
Se isso não for suficiente ou não for tecnicamente possível, também podes usar o anti-flicker script. Podes encontrar as instruções para isso na documentação: Anti-flicker script