Este é um plugin Javascript que serve para realizar testes AB em sites do webflow e congêneres, para utilizar em seu site você deter ter a capacidade de incluir código javascript customizado no header do site. Nesta versão é possível rodar mais de uma campanha no mesmo site, veja como configurar abaixo:
Na seção de configurações do plugin você deve preenhcer 3 variáveis principais:
Nesta constante você criará a lista das páginas de entrada a serem utilizadas em sua campanha, no webflow você precisa criar essas páginas para que não ocorra um erro 404, o link é o url da página, geralmente é este link que você irá utilizar em sua campanha de anúncios.
Por exemplo, se você tiver duas campanhas, você deve criar uma página de entrada para cada uma delas e colocar o link nesta lista. Você deve preencher os itens dentro de [], o link de cada página deve estar entre aspas e separados por vírgula, não coloque virgula após o último item!
Exemplo:
const linksEntrada = [
"link-pagina-1",
"link-pagina-2"
];
Esta constante é um objeto onde você irá listar os parametros padrão para utilizar em sua campanha AB, este é um parametro pra você usar caso seu usuário acesse a página de entrada diretamente. Nesta lista você deve preenhcer os parametros dentro de {}, no formato "pagina de entrada": "parametro da página", onde a página de entrada deve ser um dos links de entrada, veja um exemplo abaixo:
const defaultParamList = {
"link-pagina-1": "?parametro_padrao1=valor_do_parametro",
"link-pagina-2": "?parametro_padrao2=valor_do_parametro"
}
Esta constante guarda os links para onde o usuário será redirecionado, dependendo da campanha que ele acionar, nesta lista você deve preenhcer dentro de {}, no formato "página de entrada" : ["link 1", "link 2, "link 3"], onde a página de entrada é uma referencia ao link de entrada, e os links são as páginas para onde o usuário poderá ser redirecionado aleatóriamente, veja o exemplo abaixo:
const linksAB = {
"link-pagina-1": ["pagina-a", "pagina-b", "pagina-c"],
"link-pagina-2": ["pagina-1", "pagina-2", "pagina-3"]
};
Esta constante armazena as páginas de obrigado, seguindo o mesmo padrão das variáveis anteriores, crie uma lista das páginas de destino seguindo o padrão do exemplo abaixo:
const tyPages = {
"link-1": "www.sitedestino.com.br/pagina-obrigado",
"link-2": "www.sitedestino.com.br/pagina-obrigado2",
}
Para instalar no seu site webflow insira este script no header do seu site, dentro de tags <script> </script>