Code Monkey home page Code Monkey logo

teste-ab-webflow's Introduction

Webflow teste AB

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:

Como utilizar este plugin?

Na seção de configurações do plugin você deve preenhcer 3 variáveis principais:

linksEntrada

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"
];

defaultParamList

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"
}

linksAB

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"]
};

tyPages

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",
}

Instalando no seu site

Para instalar no seu site webflow insira este script no header do seu site, dentro de tags <script> </script>

teste-ab-webflow's People

Contributors

everbero avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.