Teste A/B SPA: um guia para iniciantes para aplicativos de página única e as 10 melhores ferramentas de teste A/B SPA para usar

Publicados: 2022-02-15
Um guia para iniciantes para aplicativos de página única e as 10 melhores ferramentas de teste SPA A:B para usar

Aplicativos de página única: o que são, como funcionam e, mais importante, como executamos testes A/B neles?

Neste guia, vamos detalhar isso, bem como analisar 10 das melhores plataformas de teste A/B que você pode usar.

Abordaremos seus preços, seus recursos, se eles permitem avaliações e, em seguida, detalharemos quais métodos eles usam para permitir que você execute testes A/B em aplicativos de página única.

Dessa forma, você pode decidir exatamente qual ferramenta é a mais adequada para você e suas necessidades de teste.

(Se você já sabe tudo sobre testes de SPA, sinta-se à vontade para pular para a seção de ferramentas aqui).

ocultar
  • O que é um aplicativo de página única (SPA)?
    • Arquitetura de aplicativo de página única
  • SPA (Aplicativo de página única) vs. MPA (Aplicativo de várias páginas)
    • As desvantagens dos sites de aplicativos de página única
      • 1. Carregamento de página inicial lento
      • 2. O JavaScript precisa estar instalado e funcionando
      • 3. Mais esforço para construir e editar (Fat Frontend)
      • 4. Mensuração e relatórios analíticos
      • 5. Possíveis problemas de SEO
      • 6. Potenciais problemas de teste A/B
    • Estruturas populares de aplicativos de página única. O que escolher: React, Angular ou Vue?
    • Exemplos de sites de aplicativos de página única
      • Netflix
      • Facebook
      • Gmail
  • Como fazer testes A/B em sites de aplicativos de página única (SPA)?
    • O gatilho de teste
    • A Estrutura do SPA
    • A ferramenta que você usa para testar seu SPA com
  • As 10 principais ferramentas de teste A/B que se adaptaram a sites de aplicativos de página única (SPA)
    • #1: Converter experiências
    • #2: Adobe Target
    • #3. VWO
    • #4. Kameleoon
    • Nº 5: Site Spec
    • #6. Otimizar
    • Nº 7: Google Optimize/Otimize 360
    • #8. ABlyft
    • #9. AB saboroso
    • #10. Rendimento Dinâmico
  • Em poucas palavras: testes A/B de aplicativos de página única

O que é um aplicativo de página única (SPA)?

Um SPA é um site ou aplicativo da Web projetado para carregar de forma super rápida e fluida. Seu objetivo é replicar a experiência de um aplicativo móvel bem projetado e como ele é construído. Você clica em algo e carrega quase imediatamente.

O nome aplicativo de página única, no entanto, é um pouco enganoso e confuso para usuários não técnicos. Não está se referindo a sites que são construídos apenas como uma única página da web, mas se refere a como ela é codificada.

Arquitetura de aplicativo de página única

A melhor maneira de entender como um SPA funciona é observar como ele é construído (a arquitetura do site) e compará-lo com um site padrão que você pode usar.

Um site padrão, também conhecido como estático ou 'Aplicativo de várias páginas' (MPA), é construído com várias páginas de código HTML que representam cada página individual do site. Então você terá uma página HTML para a página inicial, outra para a página sobre, etc.

Cada vez que um novo link é clicado, o site faz uma solicitação ao servidor para que o código HTML dessa nova página seja carregado, o que causa um atraso.

Arquitetura de aplicativo de várias páginas

Você pode realmente contornar isso até certo ponto pré-carregando esses outros links em sites de MPA para acelerar o carregamento da página. Falamos sobre isso neste guia aqui, para preparar seu site para atender aos Core Web Vitals durante o teste.

SPA (Aplicativo de página única) vs. MPA (Aplicativo de várias páginas)

A principal diferença entre um SPA e um MPA é que o SPA tem apenas uma única página de código HTML para todo o site, que só precisa carregar uma única vez, daí o termo 'página única'.

Arquitetura de aplicativo de página única

Em vez de solicitar e carregar várias páginas HTML, o SPA pré-carrega todo o conteúdo no primeiro clique, armazenando em cache o conteúdo de outro site antecipadamente e, em seguida, renderiza e atualiza dinamicamente a aparência da página quando alguém clica nos links. de carregar novos arquivos HTML.

Ele consegue isso usando JavaScript e renderização do lado do servidor para carregar o novo conteúdo ou páginas, enquanto a página atual ainda está aberta. Isso dá a aparência de uma experiência de usuário mais fluida, ao mesmo tempo em que geralmente carrega mais rápido do que um MPA tradicional, pois não há tempo de inatividade aparente ou telas em branco.

As desvantagens dos sites de aplicativos de página única

Como testadores, sabemos que um site rápido proporciona uma ótima experiência ao usuário, mas quais são as desvantagens de usar um SPA para o seu site?

1. Carregamento de página inicial lento

Como o SPA pré-carrega todo o site de uma só vez, isso pode significar que o carregamento inicial da página pode ser mais lento do que um MPA padrão. No entanto, devido à maneira como ele é carregado, ele ainda pode parecer carregar rapidamente para o usuário, pois a janela de visualização inicial geralmente é carregada imediatamente, dando a aparência de um carregamento instantâneo.

2. O JavaScript precisa estar instalado e funcionando

Se o navegador ou dispositivo do usuário não tiver JavaScript habilitado, o site simplesmente não funcionará. Isso raramente acontece e os usuários serão notificados para habilitá-lo e baixá-lo, mas pode acontecer.

3. Mais esforço para construir e editar (Fat Frontend)

Devido à complexidade na criação de sites SPA, às vezes eles podem levar mais tempo para criar ou mais esforço para fazer alterações.

Não apenas isso, mas também podem causar possíveis problemas de UX se não forem construídos corretamente.

Por exemplo, o usuário pode pressionar a guia Voltar e sair do site em vez de voltar para a 'página' anterior. Novamente, muito raro quando construído corretamente.

4. Mensuração e relatórios analíticos

Os SPAs também podem ser difíceis de rastrear análises no local. Como não há uma página separada como tal, as ações precisam ser rastreadas por meio das alterações dinâmicas que ocorrem em vez de carregamentos de URL. Aqui está um guia sobre como fazer isso com o Google Analytics 4 e o GTM.

5. Possíveis problemas de SEO

Isso também pode afetar o SEO do site, pois os web spiders do Google lutam para rastrear o SPA. (Embora atualmente esteja sendo aprimorado pelo trabalho do Google para rastrear JavaScript dinâmico na página.)

6. Potenciais problemas de teste A/B

Por fim, podemos nos deparar com alguns problemas de teste A/B ao testar aplicativos de página única, principalmente devido à forma como a página é carregada e como o teste é entregue, mas abordaremos isso com mais detalhes em apenas um segundo.

Estruturas populares de aplicativos de página única. O que escolher: React, Angular ou Vue?

Existem várias estruturas que os desenvolvedores podem usar para criar aplicativos de página única, como:

  • Angular
  • Reagir
  • MeteorJs
  • BackboneJs
  • EmberJs
  • PolymerJs
  • KnockoutJs
  • Aurélia

Os mais populares, no entanto, são Angular (com bastante documentação no GitHub), React (código aberto, bem documentado no GitHub) e Vue.js (o mais novo dos três).

Exemplos de sites de aplicativos de página única

Que tipo de sites são criados em estruturas de SPA?

Graças às suas fantásticas velocidades de carregamento, alguns dos maiores sites existentes são construídos como SPAs:

  • Netflix
  • Facebook
  • Gmail
  • YouTube
  • Airbnb

A maioria dos SPAs é construída usando frameworks como React e Angular.

Aqui estão alguns exemplos de SPA bem conhecidos:

Netflix

O popular serviço de streaming de entretenimento faz uso da estrutura React para permitir que seus usuários assistam a programas de TV e filmes sem sofrer atrasos.

Quando você considera quantos dados são transmitidos na Netflix e por quantas pessoas, é razoável concluir que a abordagem de SPA da Netflix faz pleno uso desse método.

Facebook

O feed de notícias do Facebook é um exemplo de SPA.

Quando você percorre os vídeos anteriores ou clica em outros botões, partes específicas do conteúdo são carregadas na página. Para suportar a experiência, você não precisa sair da página.

Gmail

O navegador permanece na mesma página da web quando você clica em suas mensagens em sua caixa de entrada.

Como fazer testes A/B em sites de aplicativos de página única (SPA)?

Em vez de entrar em detalhes sobre ideias de teste A/B específicas para sites SPA que abordamos antes, quero abordar como realmente executar testes em sites SPA .

Por quê?

Bem, executar testes em sites SPA é diferente de um MPA estático devido a três coisas:

  • O gatilho que faz o teste disparar,
  • A estrutura na qual o SPA é construído e
  • A ferramenta que você está usando para testar.

Então deixe-me explicar os fundamentos…

O gatilho de teste

Normalmente, com a maioria dos testes A/B, acionamos o experimento com base em strings de URL. Se alguém visitar o URL específico da página que queremos testar e atender aos critérios que definimos, essa pessoa terá a chance de realizar a experiência para ela.

Como os SPAs não têm um gatilho de URL específico e usam JavaScript para renderizar novamente os elementos da página, precisamos usar outros métodos de gatilho, como:

  • Acionadores de votação,
  • Usando condições JavaScript na área do site e
  • Ativação Manual.

Dessa forma, podemos garantir que o teste seja acionado e executado nas condições corretas.

A Estrutura do SPA

No entanto, não é apenas configurar novos gatilhos. Devido à maneira como as 3 estruturas populares executam e entregam o site SPA, pode ser necessário ajustar sua configuração de teste para que ela seja entregue corretamente, dependendo de qual estrutura você está usando.

Temos guias para cada um deles abaixo:

  • Executando experimentos em uma página AngularJS
  • Executando experimentos em uma página VueJS
  • Executando experimentos em uma página ReactJS

A ferramenta que você usa para testar seu SPA com

Não são apenas as estruturas JavaScript que você deve levar em consideração ao configurar testes em sites SPA. Você também precisa observar como a ferramenta real que está usando funciona para executar testes em um site SPA, pois isso pode afetar se você pode executar o teste em sua estrutura específica.

Veja como executamos testes A/B em sites SPA usando o Convert Experiences:

  1. Execute um teste A/A para garantir que a ferramenta esteja configurada corretamente se for a primeira vez que a usa. (Só precisa ser feito uma vez.)
  2. Use a camada de dados para manter as partes do URL e outros dados da página (já que o próprio URL não muda).
  3. A seção do site na viewport é um gatilho importante que pode ser usado para chamar variações. Isso é necessário quando a URL não é atualizada com as seções roladas.
  4. Certifique-se de usar um CDN ou pré-busca de conteúdo para que o conteúdo atualizado da seção do site seja carregado rapidamente e não interrompa a natureza fluida/nativa dos SPAs ( uma de suas maiores vantagens ).
  5. Verifique se as metas acionadas estão sendo pesquisadas e coletadas, mesmo que a página não seja atualizada.
  6. Você também pode usar o lado do servidor para testes A/B baseados em SPA.

Isso vale para qualquer plataforma de teste que você possa usar, portanto, quando detalharmos as diferentes ferramentas de teste A/B abaixo, abordaremos como cada uma delas realmente testa em SPAs para que você possa decidir qual é a melhor para você.

As 10 principais ferramentas de teste A/B que se adaptaram a sites de aplicativos de página única (SPA)

Agora que vimos o que são SPAs e os problemas comuns que você precisa ter em mente ao testar sites SPA, vamos detalhar as ferramentas de teste mais populares que permitem que você execute testes neles.

  • Converter experiências
  • Adobe Target
  • VWO
  • Kameleoon
  • Site Spec
  • Otimizar
  • Google Optimize
  • ABlyft
  • AB saboroso
  • Rendimento Dinâmico

#1: Converter experiências

Ferramenta de teste SPA A/B Converter experiências
Converter experiências

Preços : a partir de US$ 699 por mês, com US$ 199 para cada 100 mil visitantes depois disso.

Tipos de planos:

Ferramenta de teste SPA A/B Converter planos de experiências
Fonte

Eles oferecem um teste gratuito? Sim, 14 dias de teste gratuito sem necessidade de cartão de crédito.

Eles oferecem suporte ao cliente? Sim, desde o início do julgamento. Que tipo? Bate-papo ao vivo, blog e base de conhecimento com mais por vir.

Como se adapta para lidar com SPAs? O Convert pode lidar com SPAs fornecendo uma função de ativação de conversão (polling) que pode ser chamada em qualquer ponto após o carregamento da página. Permite acionamentos específicos, como metas, JavaScript, ativação manual e muito mais. Também permite recarregar as configurações de conversão em cada alteração de visualização e pode trabalhar no rastreamento do lado do cliente ou do lado do servidor.

Ele tem a capacidade de acionar experimentos por meio de JavaScript? Sim. Você pode ler mais sobre isso aqui.

Ele pesquisa o acionamento de metas sem depender de atualizações de página? Sim. Por meio da adição de algum código pronto para uso em Configurações do projeto > Javascript do projeto global ou por meio da integração direta com a estrutura do SPA.

Leia mais sobre como executar experimentos em SPAs.

Revisão do raio de confiança :

converter tr spa revisão
Fonte

Principais clientes: Sony, Jabra, Unicef ​​e outros.

Eles se preocupam com a privacidade? Estamos totalmente em conformidade com o GDPR. Até paramos de usar ferramentas para nosso trabalho interno de outras empresas que não atendem ao GDPR, é o quanto isso significa para nós.

Eles se importam com o mundo? Sim. Está em nosso DNA. Plantamos árvores, executamos programas comunitários, defendemos a diversidade desde a inscrição inicial, doamos para instituições de caridade e muito mais. Heck, somos 15x carbono negativo.

Como é esta plataforma de teste A/B em ação:

Ferramenta de teste A/B do SPA Captura de tela do Convert Experiences
Fonte

#2: Adobe Target

Ferramenta de teste SPA A/B Adobe Target
Adobe Target

Preço : Disponível apenas após a reserva de uma chamada. A taxa inicial é de aproximadamente US $ 10.000 por mês.

Eles oferecem um teste gratuito? Não.

Tipos de planos:

Ferramenta de teste A/B SPA Preços Adobe Target
Fonte

Eles oferecem suporte ao cliente? Sim, na forma de uma base de conhecimento e programas de treinamento em vídeo.

Como se adapta para lidar com SPAs? O Adobe Target pode lidar com SPAs por meio de uma função triggerView() que pode ser chamada no código SPA. Você pode ler mais sobre isso aqui.

Ele tem a capacidade de acionar experimentos por meio de JavaScript? Sim.

Ele pesquisa o acionamento de metas sem depender de atualizações de página? Sim. No entanto, precisa de uma integração direta com o SPA Framework.

Revisão do raio de confiança :

Ferramenta de teste A/B SPA Revisão do Adobe Target
Fonte

Principais clientes: Nvidia, Sprint mobile, Phillips.

Eles se preocupam com a privacidade? Sim, mas ironicamente eles exigem seu e-mail e número de telefone para saber mais sobre isso. No entanto, eles estão fazendo muito trabalho em dados de terceiros para rastreamento não intrusivo.

Eles se importam com o mundo? Muito mesmo. Eles defendem a diversidade, trabalham em direção a edifícios 100% de energia renovável, reduzem as emissões, executam programas de ação comunitária e muito mais.

Como esta ferramenta de teste se parece em ação:

Ferramenta de teste A/B SPA Captura de tela do Adobe Target
Fonte

#3. VWO

Ferramenta de teste SPA A/B VWO
Teste VWO

Preço : a partir de US$ 99/mês. Qualquer coisa mais requer preços personalizados de acordo com suas necessidades. E você terá que entrar em contato com a equipe de vendas da VWO para a sua.

Tipos de planos:

Preços VWO da ferramenta de teste A/B SPA
Fonte

Eles oferecem um teste gratuito? Sim, você pode começar com uma avaliação gratuita de 30 dias.

Eles oferecem suporte ao cliente? Sim, você pode ligar para eles quando precisar de ajuda. Ou consulte sua página de recursos.

Como se adapta para lidar com SPAs? O VWO pode lidar com SPAs automaticamente por meio de seu código de rastreamento padrão e também fornece uma função para acionar as alterações de página.

Para SPAs que alteram strings de URL com novos carregamentos de conteúdo, ele funciona com a instalação padrão. Para SPAs que não alteram a URL, você precisa configurar uma página virtual usando uma URL personalizada.

Ele tem a capacidade de acionar experimentos por meio de JavaScript? Sim. Chamando 'applychanges'.

Ele pesquisa o acionamento de metas sem depender de atualizações de página? Sim. Ele detectará automaticamente alterações no histórico do URL e do navegador, incluindo apenas o código de rastreamento VWO.

Revisão do raio de confiança :

Revisão VWO da ferramenta de teste A/B SPA
Fonte

Principais clientes: Ubisoft, AMD, Penn Foster, Optimeria e IMB Bank.

Eles se preocupam com a privacidade? Sim. Eles cumprem as principais leis e regulamentos de privacidade, mas armazenam alguns dados de visitantes em seus servidores.

Eles se importam com o mundo? O presidente da Wingify (a marca por trás da VWO) Paras Chopra, twittou seu apoio a algumas iniciativas de alívio do COVID, incluindo a criação de uma instalação de atendimento ao COVID com 10 leitos em Delhi.

Como é esta plataforma de teste A/B em ação:

Captura de tela VWO da ferramenta de teste A/B SPA
Fonte

#4. Kameleoon

Ferramenta de teste SPA A/B Kameleoon
Kameleoon

Preço : Personalizado de acordo com suas necessidades. Você obtém seu preço exclusivo entrando em contato com a equipe de vendas.

Tipos de plano: você precisa entrar em contato com a equipe de suporte para obter preços. Os planos são baseados em suas necessidades.

Eles oferecem um teste gratuito? Sim.

Eles oferecem suporte ao cliente? Sim. Você pode até obter um gerente de contas dedicado para ajudá-lo com projetos complicados.

Como se adapta para lidar com SPAs? Kameleoon possui uma extensa API de ativação para poder ativar experimentos em sua plataforma. Leia mais sobre isso aqui.

Ele tem a capacidade de acionar experimentos por meio de JavaScript? Sim. Através da função assignVariation().

Ele pesquisa o acionamento de metas sem depender de atualizações de página? Ele detecta automaticamente as atualizações de URL. No entanto, quando nenhuma alteração de URL ocorre, a ativação do experimento deve ser chamada por meio de sua API.

Revisão do raio de confiança :

Revisão da ferramenta de teste A/B SPA Kameleoon
Fonte

Principais clientes: Lexus, Unity, Providence, Toyota e Rakuten usam o Kameleoon.

Eles se preocupam com a privacidade? Eles são compatíveis com HIPAA, GDPR e CCPA. Eles também têm um recurso flexível de gerenciamento de consentimento para adaptar sua política de privacidade para cada teste A/B.

Eles se importam com o mundo? Não consegui encontrar evidências de nenhuma instituição de caridade que eles patrocinam ou causas ambientais que eles apóiam. Embora seja interessante saber que eles têm dois camaleões vivos em seus escritórios na Alemanha e na França.

Como é esta plataforma de teste A/B em ação:

Ferramenta de teste SPA A/B Kameleoon captura de tela no aplicativo
Fonte

Nº 5: Site Spec

Ferramenta de teste SPA A/B SiteSpect
Site Spec

Preço : Você terá que entrar em contato com o SiteSpect para obter um preço personalizado de acordo com suas necessidades.

Tipos de plano: Nenhuma informação disponível antes de uma chamada.

Eles oferecem um plano gratuito? Sim, eles oferecem um teste gratuito.

Eles oferecem suporte ao cliente? O suporte ao cliente está disponível por telefone e e-mail para versões gratuitas e pagas. Há também webinars pré-gravados disponíveis em sua base de conhecimento.

Como se adapta para lidar com SPAs? SitesSpect atua como um proxy onde todos os elementos do site podem ser alterados e trocados por outras versões enquanto está sendo baixado dos servidores.

Isso significa que eles podem modificar qualquer elemento antes de montar a página, mesmo antes que o SPA tenha sido baixado na página. No entanto, você precisará de conhecimentos técnicos para poder determinar quais elementos precisam ser trocados e definitivamente não é tão fácil quanto alterar uma página no site.

Além disso, quaisquer componentes pré-montados nos servidores não podem ser remontados com esta solução.

Ele tem a capacidade de acionar experimentos por meio de JavaScript? Não. Tudo é feito em um proxy, semelhante ao lado do servidor.

Ele pesquisa o acionamento de metas sem depender de atualizações de página? Não, pelo mesmo motivo de antes. É tudo feito em um proxy, semelhante ao lado do servidor.

Revisão do raio de confiança :

Revisão do usuário do SiteSpect da ferramenta de teste A/B do SPA
Fonte

Principais clientes: Staples, PetSmart, AmericanGirl e Urban Outfitters usam SiteSpect.

Eles se preocupam com a privacidade? Eles fazem. Eles são certificados pelo PCI DSS 3.2; Compatível com GDPR, CCPA e escudo de privacidade e pronto para HIPAA.

Eles se importam com o mundo? O SiteSpect é conhecido por patrocinar alguns projetos de caridade desde 2014.

Como é esta ferramenta de teste A/B em ação:

Ferramenta de teste A/B SPA SiteSpect captura de tela no aplicativo
Fonte

#6. Otimizar

Ferramenta de teste SPA A/B Optimizely
Otimizar

Preços : eles estão usando um modelo de preços personalizado. Mas a Splitbase prevê que eles custem pelo menos US$ 36.000 por ano.

Tipos de plano: não consegui encontrar essas informações sem entrar em contato com eles para uma demonstração.

Eles oferecem um teste gratuito? Não. Eles interromperam o plano gratuito em 2018.

Eles oferecem suporte ao cliente? Sim. Eles têm um banco de recursos para ajudar os usuários a se libertarem e números de telefone para pedir ajuda 24 horas por dia, 7 dias por semana.

Como se adapta para lidar com SPAs? O suporte do Optimizely para SPA pode ser ativado marcando uma caixa de seleção. Isso detecta quando o URL muda ou quando o DOM muda, o que ativa a avaliação dos experimentos e a ativação daqueles que o visitante foi agrupado na página atual.

Ele tem a capacidade de acionar experimentos por meio de JavaScript? Sim.

Ele pesquisa o acionamento de metas sem depender de atualizações de página? Sim. Ele pesquisa alterações de URL e alterações de DOM.

Revisão do raio de confiança :

Ferramenta de teste SPA A/B Revisão otimizada
Fonte

Principais clientes: Microsoft, IBM, HP, eBay, Yamaha, Pizza Hut e Atlassian o utilizam.

Eles se preocupam com a privacidade? Eles levam em consideração leis de privacidade antigas e novas e as integram em seus produtos para que você, o usuário, não precise se preocupar com a conformidade.

Eles se importam com o mundo? A maioria dos novos contratados é enviada para ser voluntária na comunidade no segundo dia.

Como é este software de teste AB em ação:

Ferramenta de teste SPA A/B Captura de tela otimizada no aplicativo
Fonte

Nº 7: Google Optimize/Otimize 360

Ferramenta de teste SPA A/B Google Optimize
Google Optimize

Preço : Existem 2 versões desta ferramenta. O Optimize é gratuito, mas para recursos avançados, você deve optar pelo Google Optimize 360.

O preço do Optimize 360 ​​é personalizado (embora haja rumores de cerca de US$ 150.000 por ano). Para obter seu preço mensal, você terá que preencher um formulário para entrar em contato com a equipe de vendas.

Tipos de planos:

Preços do Google Optimize da ferramenta de teste A/B SPA
Fonte

Eles oferecem um teste gratuito? Sim.

Eles oferecem suporte ao cliente? Eles têm um hub de recursos com dicas, tutoriais em vídeo, comunidade de ajuda e muito mais.

Como se adapta para lidar com SPAs? O Google Optimize oferece suporte ao SPA, permitindo a ativação automática das alterações do experimento quando o URL ou o DOM são alterados.

Ele também fornece um evento de ativação no qual as alterações do experimento podem ser ativadas com código.

Ele tem a capacidade de acionar experimentos por meio de JavaScript? Sim. Através de optimize.activate que eles recomendam inserir via GTM.

Ele pesquisa o acionamento de metas sem depender de atualizações de página? Sim. Faz ao habilitar a Ativação Contínua.

Revisão do raio de confiança :

Revisão do Google Optimize da ferramenta de teste A/B SPA
Fonte

Principais clientes: Adidas, Spotify, Eurobank e muito mais.

Eles se preocupam com a privacidade? Eles cumprem as leis de proteção de dados de clientes aplicáveis ​​nos países onde seus produtos são usados.

Eles também trabalham com terceiros e autoridades de proteção de dados para manter os dados dos usuários seguros.

Eles se importam com o mundo? O Google é neutro em carbono desde 2007 e planeja ser livre de carbono até 2030. Além disso, eles são conhecidos por vários gestos filantrópicos com seu compromisso de US$ 1 bilhão.

Como é esta plataforma de teste A/B em ação:

Ferramenta de teste A/B SPA Google Optimize captura de tela no aplicativo
Fonte

#8. ABlyft

Ferramenta de teste SPA A/B Ablyft
Ablyft

Preço : O preço está disponível mediante solicitação. No entanto, encontrei um documento mais antigo onde eles ofereciam testes limitados GRATUITAMENTE para usuários de 5k, depois US $ 329 por mês depois disso (US $ 279 se pagando anualmente).

Tipos de planos:

Preços da ferramenta de teste A/B SPA Ablyft
Fonte

Eles oferecem um teste gratuito? Sim, você pode começar com uma avaliação gratuita de 30 dias, sem necessidade de cartão de crédito.

Eles oferecem suporte ao cliente? Sim. Eles têm uma base de conhecimento básica e opções de bate-papo ao vivo.

Como se adapta para lidar com SPAs? A ABlyft também conta com testes AB automáticos e programáticos. Com opção de ativação com URL, alteração de DOM e API programática.

Ele tem a capacidade de acionar experimentos por meio de JavaScript? Sim, por meio de uma função de API.

Ele pesquisa o acionamento de metas sem depender de atualizações de página? Sim, quando o URL e o DOM mudam.

Revisão do raio de confiança :

Não havia comentários no Trust Radius para esta ferramenta, então peguei a revisão do G2.

Revisão da ferramenta de teste A/B SPA Ablyft
Fonte

Principais clientes revista Elle, Bazaar e Instyle.

Eles se preocupam com a privacidade? Sim. Eles estão em conformidade com as principais leis de privacidade e GDPR.

Eles se importam com o mundo? Não que eu pudesse encontrar.

Como é esta plataforma de teste A/B em ação:

Ferramenta de teste A/B SPA Ablyft captura de tela no aplicativo
Fonte

#9. AB saboroso

Ferramenta de teste SPA A/B AB Tasty
AB saboroso

Preço: a partir de US$ 1.900/mês para 400 mil visitantes testados mensalmente para o plano Essentials. O plano de crescimento custa $ 3800/mês, enquanto o plano Elite começa em $ 5700/mês.

Tipos de plano: precisa entrar em contato com a equipe de vendas para obter preços e tipos de plano.

Eles oferecem um teste gratuito? Não. Você pode solicitar uma chamada de demonstração para ver os novos recursos.

Eles oferecem suporte ao cliente? Sim. Eles têm uma base de conhecimento e bate-papo ao vivo.

Como se adapta para lidar com SPAs? AB Tasty permite a ativação de experimentos quando uma determinada condição é atendida, que pode ser verificada no carregamento da página ou periodicamente até que a condição seja atendida. Essas condições verificadas periodicamente podem ser um valor de URL, elementos presentes na página com base em seletores CSS, Condições JS que retornam para true ou código personalizado e também ativação programática por meio de promessas javascript.

Ele tem a capacidade de acionar experimentos por meio de JavaScript? Sim. Através de promessas Javascript ou Condições JS avaliadas periodicamente.

Ele pesquisa o acionamento de metas sem depender de atualizações de página? Sim. Pode avaliar periodicamente Valores de URL, elementos presentes na página através de seletores CSS, Condições JS ou Promessas JS.

Revisão do raio de confiança :

Ferramenta de teste A/B do SPA Revisão do AB Tasty
Fonte

Principais clientes: Disney, L'Oreal, Kalviyo e outros.

Eles se preocupam com a privacidade? Sim. Os endereços IP do usuário são usados ​​para criar um código de identificação e, em seguida, excluídos imediatamente antes de entrar na ferramenta. Os códigos de identificação são anonimizados e excluídos após 13 meses.

Eles se importam com o mundo? Eles doam diretamente para ONGs, trabalham com grupos de ação social, reciclam e patrocinam colméias.

Como é esta plataforma de teste A/B em ação:

Ferramenta de teste SPA A/B AB Tasty captura de tela no aplicativo
Fonte

#10. Rendimento Dinâmico

Ferramenta de teste SPA A/B Dynamic Yield
Rendimento Dinâmico

Preços : não consegui encontrar nenhuma informação sobre preços, exceto que é 24% maior em média do que outras ferramentas que oferecem personalização.

Tipos de planos: Novamente, não consegui encontrar nenhuma informação sobre isso.

Eles oferecem um teste gratuito? Sim, mas você precisa solicitar uma demonstração primeiro.

Eles oferecem suporte ao cliente? Sim. Que tipo? Eles oferecem suporte por telefone e e-mail, juntamente com uma base de conhecimento básica para ajudar na instalação e, em seguida, uma academia para ensinar testes.

Como se adapta para lidar com SPAs? O Dynamic Yield lida com SPAs aproveitando uma API da Web chamada MutationObserver , que fornece ganchos para mutações DOM e permite que a ferramenta rastreie quando ocorrem mutações. O uso da API permite que a ferramenta aplique alterações em tempo real conforme necessário.

Ele tem a capacidade de acionar experimentos por meio de JavaScript? Sim. Eles avisam que algumas bibliotecas JavaScript mais antigas podem não ser suportadas.

Ele pesquisa o acionamento de metas sem depender de atualizações de página? Essa função precisa ser habilitada nas Configurações Avançadas de uma campanha, marcando a opção Servir em cada evento SPA .

Revisão do raio de confiança :

Revisão de rendimento dinâmico da ferramenta de teste A/B do SPA
Fonte

Principais clientes: Urban Outfitters, Ikea, Sephora e muito mais.

Eles se preocupam com a privacidade? O rendimento dinâmico é totalmente compatível com GDPR.

Eles se importam com o mundo? Eles realmente fazem algo muito legal, que é oferecer o uso gratuito de sua ferramenta para instituições de caridade que atendem a determinados critérios. Eles também trabalham na comunidade.

Como é esta plataforma de teste A/B em ação:

Captura de tela do Dynamic Yield da ferramenta de teste A/B do SPA
Fonte

Em poucas palavras: testes A/B de aplicativos de página única

Então aí está.

Nosso guia completo para aplicativos de página única de teste A/B. O que são, como funcionam e as 10 principais plataformas que você pode usar para otimizar sites de SPA ou aplicativos da web. Facilitamos o conhecimento para iniciantes, portanto, mesmo que suas habilidades ainda não correspondam a todos esses termos técnicos, esperamos que você ainda tenha algo com isso!

Quer mais informações sobre cada ferramenta? Entrevistamos vários especialistas em CRO sobre as principais ferramentas que eles acham que são as melhores para os próximos 5 anos (incluindo as ferramentas desta lista). Veja o que eles têm a dizer aqui.

E fique atento à parte 2 da série Testes A/B em aplicativos de página única , onde damos uma olhada no back-end das coisas e compartilhamos mais algumas dicas técnicas e práticas recomendadas para executar testes bem-sucedidos em aplicativos de página única. Sai em dois dias!

Obter Mesa Interativa
Obter Mesa Interativa