Blog

O Google Optimize pode elevar suas taxas de conversão e otimização de páginas, pois executa quase todos os tipos de experimentos de que seu site precisa.

O Google Optimize é uma ferramenta de otimização da web do Google. 

Ele ajuda a aumentar as taxas de conversão, funcionando como uma plataforma para construir e executar uma grande variedade de experimentos de teste A / B. 

Para usuários com menos necessidade de testes, é uma ótima ferramenta gratuita. Você pode realizar até cinco testes por vez gratuitamente.

O que o Google Optimize pode fazer?

• Use o Optimize para construir e criar experimentos;
• Teste sua hipótese executando o experimento;
• Avalie os resultados dos experimentos pelos relatórios que cria;
• Implante a variante vencedora no site permanentemente;
• Otimize-o novamente, se necessário.

Recursos do Google Optimize

O Google Optimize pode atender às suas necessidades básicas de otimização de páginas, pois executa quase todos os tipos de experimentos de que seu site precisa.

Por ser uma ferramenta gratuita, você não precisa de um desenvolvedor ou especialista para ajudá-lo a usá-la, mas ainda pode ser necessário recorrer a um fórum para obter respostas a eventuais dúvidas. 

Ele tem todos os recursos fundamentais de que você precisa para validar suas idéias de otimização.

Abaixo está uma lista dos principais recursos do Google Optimize:

Tipos de experimento

Existem vários experimentos que podem ser executados em um site, dependendo do tipo de alteração que você escolher fazer. 

O Google Optimize pode executar quase todos os tipos essenciais de experimentos. Aqui está uma breve explicação para cada um deles:

1. Teste A/B

O teste A/B, consiste em duas ou mais versões da mesma página da web ou elemento para saber qual tem o melhor desempenho em termos de conversões. 

O teste A/B é de fato a forma mais simples de experimento, mas como é um conceito mais amplo, ele também pode ser usado para criar muitos experimentos complexos.

2. Teste multivariado

Em testes multivariados, pode-se testar vários elementos de uma vez. 

Aqui, as versões consistem nessas alterações de elementos como combinações, para descobrir qual delas tem o melhor desempenho. 

No Google Optimize, você pode testar até 16 combinações por vez.

3. Teste de URL dividido

Também conhecido como testes de redirecionamento, o teste de Split Url é usado para testar duas páginas da web diferentes entre si, com a ajuda de redirecionamento de JavaScript. 

Aqui, o experimento redireciona aleatoriamente os usuários de uma página para a variação para rastrear suas ações em relação a ela. 

Isso geralmente é usado para ter uma taxa de sucesso válida durante o redesenho do site.

Este teste também é usado para comparar dois designs diferentes para um elemento (por exemplo; checkout de uma única página ou o checkout de várias páginas).

4. Experiência do lado do servidor

O Google Optimize é capaz de lidar com a execução de experimentos do lado do servidor para o teste de alterações dinâmicas no site. 

Ele permite que você crie e defina objetivos e metas, especifique variantes e acompanhe o desempenho. 

Basta preparar e injetar seu código no site.

Para obter mais informações, você pode consultar o processo passo a passo do Google para configurar um experimento do lado do servidor no Google Optimize.

5. Personalização

A personalização é usada para envolver o usuário, segmentando-os de acordo com os dados disponíveis que você tem em seu banco de dados, como localização geográfica, idade, dispositivo, histórico no site, etc. 

Muitas vezes usa algoritmos para mostrar “produtos de que você pode gostar”. 

O objetivo é personalizar as experiências do usuário para atender às suas necessidades. 

Por exemplo; ter uma página de venda apenas para uma região específica.

Você também pode usar isso para personalizar o site permanentemente.

Altere o layout de suas páginas com o Editor Visual

Ao criar um experimento no Google Optimize, você pode editar a cópia da página da web (também conhecida como página do editor) para a qual criou o experimento. 

Essa cópia, uma vez otimizada, funcionará como uma variação para competir com o original. Você pode editá-lo através do Editor Visual.

No editor visual, além da página do editor, você obtém mais dois elementos:

1. Barra de aplicativos

A barra de aplicativos do Optimize possui várias ferramentas importantes para ajudá-lo a configurar seu experimento. 

Ele funciona como um guia para navegar e mantê-lo informado sobre as informações básicas que você deve saber sobre o experimento, como nome do experimento, status, número de variações, diagnósticos e etc.

A outra parte da barra de aplicativos é a que funciona como um editor. Inclui opções como:

• Seletor de elemento, que seleciona os elementos e faz alterações neles.
• Editor de código, para adicionar qualquer CSS e JavaScript adicional;
• Breadcrumbs, para explorar o caminho de navegação;
• Modo interativo, para fazer alterações nos elementos interativos, que requerem ações específicas do usuário;
• “Mover a configuração,” para mover qualquer elemento na página do editor.

Os processos acima podem ser diferentes dependendo do tipo de experimento, como nos casos em que o cliente deseja fazer uma alteração na página original também.

2. Paleta do Editor

Isso funciona junto com a barra de aplicativos, oferecendo suporte às opções de edição. 

É um recurso dinâmico que também permite carregar CSS e JavaScript no elemento selecionado. 

Dessa forma, um desenvolvedor pode personalizá-lo totalmente, quebrando a limitação de personalização que alguns temas de site têm.

Configuro os objetivos de cada experiência

O Google Optimize dá a você a liberdade de usar objetivos precisos para cada experimento. Dessa forma, você não terá que se contentar com os objetivos predefinidos. 

Os tipos de objetivos que o Google Optimize oferece são:

1. Objetivo do sistema

Existem alguns objetivos comuns disponibilizados pelo Google Optimize para serem usados ​​em todos os experimentos, se necessário, mas você não precisará configurá-los sozinho. Existem muitos objetivos do sistema, como visualizações de página, duração da sessão, rejeições, transação, receita, impressões do AdSense, anúncios clicados do AdSense e receita do AdSense, que costumam ser usados ​​como objetivos principais.

Há uma exceção com relação à transação e receita, pois elas só estarão disponíveis se o Google Analytics tiver permissão para visualizar comércio eletrônico.

Outra instância é que o AdSense só estará disponível se estiver vinculado ao Analytics.

2. Objetivos personalizados

Se os objetivos do sistema não forem suficientes, você sempre pode criar seu próprio conjunto de objetivos personalizados no Optimize. 

Existem dois tipos de objetivos personalizados:

Objetivo do evento: as ações independentemente das visualizações de página. 

Ele rastreia as interações do usuário com os elementos, sejam eles normais ou dinâmicos (por exemplo, reprodução de vídeo após clicar no CTA). 

Os objetivos do evento devem incluir uma das variáveis ​​entre categoria, ação, rótulo ou valor, enquanto o URL é obrigatório para ser adicionado.

Objetivo da visualização de página: permitir que a experiência rastreie as visualizações de página em uma página da web específica. 

Use a variável de URL para usá-lo como um objetivo personalizado.

Para saber como configurar os objetivos personalizados no Google Optimize, consulte o processo passo a passo fornecido na seção de recursos do Optimize.

Integrações do Google Optimize

O Google tem tantos serviços disponíveis para sites, com tantos propósitos. 

Claro, será mais fácil integrar o Google Optimize aos serviços do pacote de produtos e serviços do Google, como

• Google Analytics;
• Data Studio;
• Google Ads;
• Firebase;
• Gerenciador de tags.

Mas também se integra bem com outros aplicativos para fornecer suporte adicional. Quando você integra com outro serviço útil, a potência combinada sempre gera mais produção.

Ele funciona bem com plataformas de comércio eletrônico como Shopify, WordPress, Magento e muito mais.

O Google Optimize também tem um centro de integração dedicado, onde você pode realiza-las de acordo com suas necessidades.

Como instalar o Google Optimize

O Google Optimize atualizou seu método de instalação preferido, o que torna a instalação muito mais simples! Você pode não estar instalando o Google Optimize com tanta frequência, mas se já tentou instalá-lo antes e encontrou problemas de incompatibilidade, provavelmente apreciará essa mudança.

O método antigo: Analytics.js ou gtag.js

Com o método antigo, o Optimize é adicionado à página modificando o código de análise e parece um pouco diferente dependendo de você estar usando a tag do Universal Analytics (analytics.js) ou a tag global do site (gtag.js).

Se o Google Analytics for implementado por meio do GTM, você ainda precisará adicionar um snippet de análise na página sem um envio de exibição de página e com as mesmas definições de configuração do rastreador do Google Analytics da sua tag do Google Analytics no GTM. Se eles não corresponderem, você receberá uma mensagem “Incompatibilidade de configuração do Analytics” no Google Optimize.

Um problema comum de incompatibilidade: “As seguintes propriedades de configuração do rastreador não têm as mesmas configurações: allowLinker.”

O novo método: Optimize.js

Então, o que mudou? Bem, em vez de adicionar um snippet de análise modificado, agora você adicionará o snippet Optimize.js, que consiste apenas em uma linha e não precisa de mais configuração do que o ID do contêiner do Optimize. 

Você pode usar o mesmo snippet independentemente de o Google Analytics ser implementado por meio do GTM ou diretamente na página.

<script src=”https://www.googleoptimize.com/optimize.js?id=GTM-XXXXXX”></script>

Risco de oscilação no Gerenciador de tags do Google

Os métodos acima exigem que o código seja adicionado diretamente na página, mas também há a possibilidade de instalar o Optimize através do GTM. 

No entanto, colocar um snippet de código diretamente na página é preferível a esse método. 

Para evitar oscilações, o snippet do Optimize deve ser colocado o mais cedo possível na <head> da página. Ao implementar o Optimize por meio do GTM, o Optimize precisará aguardar o GTM antes de carregar, adicionando um pouco de tempo de carregamento e aumentando o risco de oscilação.

Flickering é quando o usuário pode ver um flash do original antes que a variação seja carregada, o que pode afetar seu comportamento, por exemplo, fazendo-o pensar que o site está quebrado.

Já tenho o Optimize implementado, devo atualizá-lo?

Os outros métodos de implementação continuarão funcionando e você não precisa ter pressa para alterá-lo. O maior motivo para alterar a instalação existente é se ambas as condições forem verdadeiras para você:

• você está carregando o Optimize usando a tag global do site modificada (gtag.js)
• A gtag não é usada para mais nada além do Optimize (por exemplo, o Google Analytics é carregado pelo GTM)

Nesse caso, você deve mudar para o snippet do Optimize e remover a gtag. Se você não estiver usando a biblioteca gtag para qualquer outra coisa, apenas carregará recursos desnecessários usando esse método.

Instalando o Optimize da nova maneira: Guia passo a passo

O que você precisa:

• Uma propriedade do Google Analytics instalada na página
• Um contêiner do Optimize vinculado à propriedade do Google Analytics

1. Obtenha o snippet anti-flicker

Embora essa etapa seja opcional, recomendamos usar o-flicker snippet para ajudar a garantir uma melhor experiência do usuário, especialmente se você planeja usar a versão assíncrona.

O snippet anti oscilação oculta a página até que o contêiner do Optimize seja baixado, o que reduz o risco de o usuário ver um flash do conteúdo original antes do carregamento do experimento.

<!– Snippet anti-cintilação (recomendado) –> 

<style>.async-hide { opacity: 0 !important} </style> 

<script>(function(a,s,y,n,c,h,i,d,e){s.className+=’ ‘+ y;h.start=1*new Date;

h.end=i=function(){s.className=s.className.replace(RegExp(‘ ?’+y),”)};

(a[n] =a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;

})(window,document.documentElement, ‘async-hide’,’dataLayer’,4000,

{‘GTM-XXXXXX’:true});</script>

Altere GTM-XXXXXX para o ID do contêiner do Optimize.

O snippet anticintilação tem um valor de tempo limite. Se o contêiner do Optimize não for carregado nesse período, o experimento não será exibido e o usuário será excluído dele. Por padrão, esse tempo limite é definido como 4.000, ou seja, 4 segundos, mas recomendamos alterá-lo para, por exemplo, 2.000. 

O contêiner do Optimize provavelmente carregará muito mais rápido do que isso (espero, ou você tem problemas de velocidade de página), mas se o site o conteúdo ficaria oculto por 4 segundos, o que afetaria fortemente a experiência do usuário e a taxa de rejeição. (Até 40% dos visitantes abandonarão a página se ela carregar por mais de 3 segundos).

Observação: você não precisa do snippet anticintilação se usar eventos de ativação para acionar o teste e não o carregamento da primeira página.

2. Obtenha o snippet do Optimize com o ID do seu contêiner

Agora só precisamos do snippet do Optimize. Copie o snippet abaixo e adicione seu Container ID:

<script src=”https://www.googleoptimize.com/optimize.js?id=GTM-XXXXXX”></script>

Altere GTM-XXXXXX para seu Optimize Container ID .

3. Adicione-o à página

Para otimizar o desempenho e evitar oscilações, o snippet do Optimize deve ser colocado o mais alto possível na <head> , com algumas exceções.

A ordem de veiculação deve ter esta aparência:

1. A <meta charset> tag
2. Inicialização da camada de dados (certifique-se de que não seja re-atribuída após o snippet antioscilação)
3. Qualquer script que declare variáveis ​​JavaScript ou defina cookies que você deseja usar em experiências do Optimize. Por exemplo, bibliotecas JavaScript que devem ser usadas no experimento ou no direcionamento, como jQuery. Mantenha-os no mínimo.
4. Snippet anti-cintilação Snippet do
5. Optimize snippet
6. do contêiner do Gerenciador de tags.
7. Outros JavaScript, etc.

Agora você está pronto para começar a testar!

Conclusão

Esperamos que este artigo forneça informações suficientes sobre o Google Optimize e ajude você a decidir se é certo para você ou não. 

Como mencionamos acima, o Optimize sendo uma ferramenta gratuita significa que ele vem com algumas limitações, mas é bom para o aprendizado inicial. 

E se você é bom em programar por conta própria, os recursos de codificação personalizados podem resolver muitos dos problemas de limitação.