Não importa o tipo de site WordPress que você possui, seja uma loja de e-commerce ou um blog de marketing de afiliados, é crucial que nunca pare de fazer testes A/B! Decisões com base em dados são fatores que podem ajudar a impulsionar seu website ou seus negócios e te colocar à frente da concorrência. Mas sejamos honestos: fazer testes A/B nem sempre é fácil. Ou talvez você esteja apenas adiando esse processo. Bem, espero que hoje sejamos capazes de mudar isso!

Abaixo, nos aprofundaremos em como fazer testes A/B com Google Optimize no WordPress. Não importa que tipo de site você possui, ele funcionará com todos. E o melhor de tudo é que é gratuito.

É crucial que você nunca pare de fazer testes A/B! O Google Optimize oferece uma forma gratuita e incrível para começar. 📊Click to Tweet

O que é Teste A/B?

Teste A/B, também conhecido como split, é uma forma de comparar elementos em uma página (ou qualquer outro tipo de dado) entre si, para determinar qual deles apresenta o melhor desempenho em termos de visualizações de página, tempo na página, conversões, taxa de rejeição, etc. Alguns exemplos incluem:

Existem diferentes formas de fazer testes A/B, como o teste multivariável, mas o método mais comum é simplesmente enviar 50% do seu tráfego para a página A e os outros 50% para a página B. Isso também é conhecido como teste split.

Teste A/B split

Teste A/B split

A ideia é começar com testes simples, como mudar o texto de um CTA ou cor de um botão, encontrar o vencedor e replicar o processo repetidamente com novos vencedores. Ao fazer isso, você deverá começar a ver resultados melhores para quaisquer metas que esteja buscando.

Também é muito importante determinar se seu website tem tráfego o suficiente para começar a realizar testes A/B, devido ao tamanho e tempo das amostras. Stephen Watts escreveu um excelente artigo que aborda alguns dos pontos mais críticos, incluindo por que você deveria replicar seus testes de marketing.

Google Optimize

Existem muitas ferramentas diferentes para escolher quando se fala em testes A/B. Cobrimos muitas delas em nosso post sobre as melhores ferramentas de testes A/B.

No entanto, se você tem muito tráfego, muitas delas poderiam facilmente custar centenas ou até milhares de dólares por mês. É melhor destinar esse orçamento a uma hospedagem de alta qualidade. 😉 Muitas ferramentas de testes A/B também acompanham diversos recursos que você provavelmente nunca usará.

Embora uma ótima ferramenta possa se pagar e apresentar um bom retorno, pode ser vantajoso começar com uma opção gratuita para aprender como o teste A/B funciona e ver quais metas são possíveis para seus negócios.

Em nossa opinião, o Google Optimize é uma excelente ferramenta para começar logo de cara, especialmente porque é gratuita. Embora não exista um plugin WordPress ou integração direta com a plataforma, ele ainda assim é fácil de usar quando você pega o jeito. Outro bônus é que sua conexão com o Google Analytics, uma ferramenta que a maioria das pessoas provavelmente já usa, é muito superior a várias outras soluções. Você pode anexá-lo a uma meta no Google Analytics com um só clique.

Google Optimize

Google Optimize

Há uma versão premium (Optimize 360), mas você pode conduzir até cinco experimentos simultâneos nela gratuitamente. Para a maioria das pessoas, isso deve ser mais que o suficiente, caso não queiram rodar muitos testes A/B ao mesmo tempo, uma vez que isso pode enviesar a qualidade dos seus dados. Usamos a versão gratuita do Optimize na Kinsta e ela funciona muito bem!

Se estiver curioso, abaixo temos uma comparação entre a versão gratuita (Optimize) e a versão premium (Optimize 360).

Google Optimize vs Optimize 360

Google Optimize vs Optimize 360 (Fonte da imagem:  Google)

Como Configurar o Google Optimize no WordPress

Siga os passos abaixo para criar uma conta gratuita no Google Optimize e configurá-la em seu site WordPress.

Passo 1

A primeira coisa a fazer é ir até o Google Optimize e registrar uma conta gratuita, clicando no botão “Começar” (“Get Started”).

Importante: Você deverá usar seu endereço de e-mail do Gmail ou G Suite que já esteja atrelado à sua conta no Google Analytics.

Começando com o Google Optimize

Começando com o Google Optimize

Em seguida, realize os próximos passos com algumas perguntas opcionais sobre permissões e compartilhamento.

Passo 2

Na sequência, você precisará vincular sua propriedade do Google Analytics. No lado direito, clique em “Vincular Propriedade” (“Link Property”).

Google Optimize – Vincular Propriedade do Google Analytics

Google Optimize – Vincular Propriedade do Google Analytics

Passo 3

Depois, você deverá ser capaz de ver sua propriedade do Google Analytics. Se existirem diversas propriedades atreladas ao seu Gmail, será necessário escolher a que deseja usar com o Google Optimize. Depois, clique em “Vincular” (“Link”).

Vincular uma propriedade no Google Optimize

Vincular uma propriedade no Google Optimize

Passo 4

Depois, clique em “Obter Snippet”.

Obter snippet no Google Optimize

Obter snippet no Google Optimize

Passo 5

Agora é hora de modificar seu código do Google Analytics com seu container ID do Google Optimize. Existem alguns fatores importantes que devem ser mencionados:

Código de implementação do Optimize

Código de implementação do Optimize

Se você instalou manualmente o script de monitoramento do Google Analytics, tudo o que precisa fazer é simplesmente essa adição, conforme é demonstrado no exemplo que eles oferecem. No entanto, se você estiver usando um plugin WordPress para adicionar o Google Analytics ao seu site, talvez precise fazer algumas alterações.

Primeiro, deverá verificar se seu plugin WordPress para Google Analytics já suporta o Google Optimize ou a adição de um código personalizado. Aqui estão alguns plugins WordPress que já oferecem suporte ao Google Optimize ou permitem adicionar o código às configurações:

Observação: Se você estiver usando o Google Tag Manager para implementar o Google Analytics, ainda assim conseguirá instalar o Optimize, porém ele poderá apresentar latência adicional e o próprio Google não recomenda que isso seja feito. Devido à forma como o script funciona em termos de desempenho, é recomendável implementar o Optimize diretamente na página (que é o que a maioria dos plugins WordPress faz).

Abaixo temos um exemplo usando o plugin Google Analytics Dashboard for WP. Na aba Integração (Integration), você pode “habilitar o monitoramento do Optimize” (“enable Optimize tracking”) e inserir seu container ID.

Habilitar o Google Optimize no plugin do Analytics

Habilitar o Google Optimize no plugin do Analytics

Após colocar o código no lugar certo, clique em “Próximo” (“Next”) no configurador do Google Optimize.

Passo 6

Quando o Google Optimize foi lançado pela primeira vez, apresentou problemas de desempenho e, por isso, criaram um snippet para ocultar a página para reduzir sua cintilação durante o carregamento. Adicionar o snippet para ocultar a página requer a inserção do código adicional antes do código de monitoramento do Analytics.

No entanto, descobrimos recentemente que isso nem sempre é mais necessário. Se seu site já é relativamente rápido, você não deverá ter nenhum problema. Nós não usamos mais o snippet para ocultar a página e rodamos testes o tempo inteiro.

Entretanto, como cada site é diferente, se você se deparar com problemas, talvez precise modificar um pouco mais seu script do Analytics com o código de snippet para ocultar a página. Também é possível modificar o tempo de async-hide, que por padrão é definido em 4000 ms. Alguns plugins, como o citado acima, têm alternâncias facilitadas para habilitar suporte à ocultação de páginas.

Minimizar a cintilação de página

Minimizar a cintilação de página

Clique em “Pronto” (“Done”) e seu site WordPress estará pronto.

Como Executar um A/B com o Google Optimize

Agora vamos à parte divertida, que é criar seu primeiro teste A/B no Google Optimize.

Passo 1

No painel do Google Optimize, clique em “Vamos Lá” (“Let’s Go”) para criar um novo teste A/B ou o que a empresa chama de “experimento”.

Criar Experimento de teste A/B no Google Optimize

Criar Experimento de teste A/B no Google Optimize

Passo 2

No exemplo a seguir, faremos um teste A/B simples de mudança de cor do botão de CTA, para que você possa ver com facilidade como ele funciona. Lembre-se que, basicamente, qualquer elemento HTML ou CSS em seu site WordPress pode ser modificado no Google Optimize.

Então, escolhemos um nome para nosso teste e inserimos a URL na qual desejamos editar o código para esse experimento. Neste exemplo, queremos alterar a cor de um botão de CTA para ver qual variação direciona mais tráfego para nossa página de contato. Também selecionamos teste A/B como o tipo de experimento. Depois, clicamos em “Criar” (“Create”).

Criar teste A/B no Google Optimize

Criar teste A/B no Google Optimize

Como você pode ver, o Google Optimize também suporta outros tipos de experimentos que vão além de testes A/B, que talvez queira explorar:

Passo 3

Por padrão, o Google Optimize usará a página do editor que você escolheu anteriormente para o experimento como a variável original. Em seguida, será necessário criar uma segunda variável. Clique em “Criar Variável” (“Create Variant”).

Criar uma variável no Google Optimize

Criar uma variável no Google Optimize

Passo 4

Dê um nome para sua variável, algo que possa reconhecer com facilidade mais tarde. Como estamos testando uma cor diferente para o botão, nomeamos a nossa de Botão Vermelho. Depois, clicamos em “Pronto” (“Done”).

Nome de variável no Google Optimize

Nome de variável no Google Optimize

Passo 5

Depois, você precisará alterar sua variável, já que por padrão ela simplesmente cria uma cópia da original. Clique em “0 alterações” (“0 changes”) em vermelho.

Alterações da variável no Google Optimize

Alterações da variável no Google Optimize

Passo 6

Você provavelmente verá um aviso para usar uma extensão do Google Chrome. Para ter edições melhores e habilidades de pré-visualização, você deverá instalar a extensão gratuita Google Chrome Optimize.

Lutando com tempo de inatividade e problemas no WordPress? Kinsta é a solução de hospedagem projetada para economizar seu tempo! Confira nossos recursos

Depois, verá o editor do Google Optimize. Ele é muito poderoso! Você consegue alterar literalmente de tudo na página.

Editor do Google Optimize

Editor do Google Optimize

Em nosso exemplo, estamos testando os resultados dos cliques em nossa página de contato com duas cores diferentes para um botão: azul e vermelho. Se estiver curioso, estamos usando apenas o plugin Shortcodes Ultimate para criar nosso botão.

Primeiro, desejamos alterar a cor do botão. Para fazer isso, você pode simplesmente clicar em qualquer elemento (neste caso, o botão) e editar suas propriedades CSS. Há até mesmo um seletor de cores. Também é possível editar o CSS ou HTML diretamente, se preferir.

Alterar cor do botão no Google Optimize

Alterar cor do botão no Google Optimize

Outro detalhe que alteramos foi a URL do botão.

Alterar URL do botão

Alterar URL do botão

Por que fizemos isso? No Google Analytics, é possível fazer uma pesquisa a qualquer momento para verificar quantas visualizações de página foram registradas com base em cada tipo de botão. Você nunca deve usar parâmetros UTM em seu site interno, mas acrescentar algo como fizemos acima com as URLs é normal. Isso apenas oferece dados extras que podem ser pesquisados a qualquer momento.

Quando terminar sua edição, clique em “Salvar Alterações” (“Save Changes”) e “Pronto” (“Done”) no canto superior direito. Na sequência, você pode clicar em “Visualizar na web” (“Web Preview”) para ver sua aparência.

Visualização na web no Google Optimize

Visualização na web no Google Optimize

Abaixo, mostramos como nosso teste está configurado. Lembre-se, tudo foi alterado usando o editor do Google Optimize, não o do WordPress.

Variável Original A/B

Em nossa variável original, temos um botão azul para o qual 50% do tráfego será direcionado. O link do botão aponta para nosso formulário de contato: https://editwp.com/contact-us/?button-test-blue.

Variável original do teste A/B

Variável original do teste A/B

Variável de Botão Vermelho A/B

Em nossa outra variável, temos um botão vermelho para o qual 50% do tráfego será direcionado. O link do botão aponta para nosso formulário de contato: https://editwp.com/contact-us/?button-test-red.

Variável 1 do teste A/B

Variável 1 do teste A/B

Passo 7

O próximo passo é adicionar um objetivo. Ele é a meta ou o que você deseja testar. Por padrão, a segmentação é definida para uma divisão de 50% do tráfego e você pode mantê-la dessa forma. Dê ao seu objetivo uma descrição curta, para que no futuro possa entender com facilidade por que o adicionou. Lembre-se que, algumas vezes, você poderá rodar testes durante vários meses, por isso certifique-se de adicionar algo que realmente conseguirá reconhecer depois de algum tempo. Depois, clique em “Adicionar Objetivo do Experimento” (“Add Experiment Objective”).

Objetivo do experimento no Google Optimize

Objetivo do experimento no Google Optimize

Passo 8

Se você já estiver usando metas e eventos no Google Analytics ou monitoramento de e-commerce, os verá listados aqui. Esse é um dos detalhes realmente legais sobre a integração direta do Google Analytics com o Optimize. A maioria das pessoas provavelmente já têm metas de conversão, metas de formulário de contato, entre outras, configuradas e que podem ser conectadas com facilidade aos seus experimentos. Mas para esse exemplo, criaremos um objetivo personalizado.

Objetivo personalizado no Google Optimize

Objetivo personalizado no Google Optimize

Passo 9

Usamos visualizações de página como o tipo de objetivo e escolhemos algo que fosse iniciado a partir de nossa página de contato: /contact-us/button-test.

Objetivo personalizado no Google Optimize

Objetivo personalizado no Google Optimize

Se você tem uma configuração de monitoramento de e-commerce no Google Analytics, também pode adicionar outros objetivos para detalhes como transações e receita. É aí que ele realmente se torna poderoso! Por exemplo, você poderia ver quanto de receita uma determinada cor de botão gerou. Desde o clique inicial até a venda.

Objetivos de e-commerce no Google Optimize

Objetivos de e-commerce no Google Optimize

Passo 10

Por fim, mas não menos importante: após salvar tudo, você pode clicar em “Iniciar Experimento” (“Start Experiment”). Assim, imediatamente começará a fazer testes com tráfego dividido no local especificado pelo experimento. Você também pode configurar com facilidade experimentos adicionais com opções de segmentação.

Iniciar experimento no Google Optimize

Iniciar experimento no Google Optimize

Na sequência, basta se sentar e deixar que o Google Optimize faça seu trabalho. Em geral, levará uma ou duas semanas. Ele analisará automaticamente o vencedor. Depois, você poderá ver qual variável produziu os melhores resultados. Abaixo, temos um exemplo de relatório.

Relatório do Google Optimize

Relatório do Google Optimize

Resumo

Quando se trata de marketing, quanto menos suposições fizermos, melhor. Você acabará encontrando vencedores que originalmente pensava que teriam um desempenho ruim e vice-versa.

Para uma ferramenta gratuita, o Google Optimize apresenta muitas funcionalidades! Você pode alterar botões, widgets e basicamente tudo o que pode imaginar. Em seguida, consegue monitorar os resultados para ver qual apresenta o melhor desempenho. Monitore visualizações de página, dados de transações e até mesmo a receita gerada com uma única alteração de cor de botão. Quanto mais você usa, mais percebe por que nunca deve parar de fazer testes A/B. Encontre um vencedor e volte a testar.

Você já experimentou o Google Optimize em seu site WordPress? Caso sim, adoraríamos ouvir sua opinião nos comentários abaixo.


Se você gostou deste artigo, então você vai adorar a plataforma de hospedagem WordPress da Kinsta. Turbine seu site e obtenha suporte 24/7 de nossa experiente equipe de WordPress. Nossa infraestrutura baseada no Google Cloud se concentra em escalabilidade automática, desempenho e segurança. Deixe-nos mostrar-lhe a diferença Kinsta! Confira nossos planos