Direcionamento de página
Tabela de conteúdo
Curto e agradável
Com a ajuda da segmentação por página, você pode determinar em quais páginas do seu site um experimento deve ser exibido. Nas configurações do seu experimento, você encontrará várias opções em "Segmentação de página" para controlar seus experimentos com base em regras. A segmentação de páginas configurada corretamente também é um pré-requisito para iniciar um experimento.
Opções de segmentação de página
Você pode usar regras para definir as páginas ou os tipos de página em que seus visitantes se tornam participantes do experimento. Você tem várias opções para identificar páginas.
Você pode usar regras para definir as páginas ou os tipos de página em que seus visitantes se tornam participantes do experimento. Você tem várias opções para identificar páginas.
O uso do CSS Selector é útil se você quiser direcionar várias páginas, mas elas não podem ser claramente identificadas por meio de regras de URL.
Você pode usar JavaScript para definir regras de direcionamento mais complexas. Por exemplo, você também tem a opção de verificar se há entradas especiais no DataLayer.
Correspondência de URL
Com a correspondência de URL, você usa regras de URL para definir as páginas nas quais seu experimento é exibido. Você pode definir várias regras de URL que devem ou não ser aplicadas.
Vinculação de várias regras de URL
Você pode aplicar várias regras de URL ao mesmo tempo e vinculá-las entre si. Para fazer isso, você pode inserir URLs diferentes usando o símbolo de mais. Use URL "matches" ou "does not match" para definir se o experimento deve ser exibido ou não nos URLs inseridos.
Se você quiser aplicar regras de direcionamento mais complexas, por exemplo: A experiência deve ser exibida em todas as páginas de https://www.demo.de, exceto em https://www.demo.de/impressum, então você também pode vincular várias correspondências de URL.
Tipo de correspondência
À direita do campo de entrada, você pode especificar o tipo de correspondência da sua condição de direcionamento. Dependendo da seleção, o URL no campo de entrada próximo a ele é verificado quanto a várias condições. Você tem as seguintes condições para escolher:
- Correspondência simples
- Correspondência exata
- Contém
- Regex
As condições de direcionamento com exemplos de aplicação são explicadas em mais detalhes abaixo.
Correspondência simples
No Correspondência simples todos os URLs são direcionados, inclusive os parâmetros de URL associados.
No exemplo a seguir, você pode ver as versões de um URL que são usadas para segmentação de página Correspondência simples para o URL www.demo.de aplicar:
| URL | A segmentação se aplica |
|---|---|
|
www.demo.de |
aplica-se |
|
www.demo.de#about |
aplica-se |
|
www.demo.de?color=red |
aplica-se |
|
www.demo.de/category |
Não se aplica |
|
www.demo.com |
Não se aplica |
|
sub.demo.de |
Não se aplica |
Se você quiser direcionar várias páginas, tipos de página ou subdomínios ao mesmo tempo, você pode usar a opção Regex. Continue lendo.
Correspondência exata
Use a condição Correspondência exatase a página de destino explicitamente apenas para um URL específico - sem parâmetros de URL.
No exemplo a seguir, você pode ver as versões de um URL que são usadas para segmentação de página Correspondência exata para o URL www.demo.de aplicar:
| URL | A segmentação se aplica |
|---|---|
|
www.demo.de |
aplica-se |
|
www.demo.de/ |
Não se aplica |
|
www.demo.de#about |
Não se aplica |
|
www.demo.de?color=red |
Não se aplica |
|
www.demo.de/category |
Não se aplica |
|
www.demo.com |
Não se aplica |
|
sub.demo.de |
Não se aplica |
Contém
A condição de direcionamento de página Contém que você usa quando várias páginas de um determinado grupo que você deseja segmentar. Por exemplo, se você quiser executar um teste somente nas páginas de produtos, poderá usar "Contém" com "/products/" para incluir somente essas páginas. A expressão completa especificada deve aparecer pelo menos uma vez no URL.
No exemplo a seguir, você pode ver diferentes versões de URLs em que a segmentação "/products/" se aplica.
| URL | A segmentação se aplica |
|---|---|
|
www.demo.de |
Não se aplica |
|
www.demo.de/produkte |
Não se aplica |
|
www.demo.de/produkte/t-shirts |
aplica-se |
|
www.demo.de/produkte/hosen |
aplica-se |
|
www.demo.de/blog/produkte-reviews |
Não se aplica |
|
www.demo.de/blog/produkte/tests |
aplica-se |
Expressões regulares (Regex)
As expressões regulares permitem que você defina seus testes A/B para determinadas páginas individuais ou grupos de páginas para atingir especificamente o alvo. Isso pode ser mais preciso do que, por exemplo, com as condições de direcionamento que acabamos de apresentar.
Criamos este guia de segmentação de páginas com regex para facilitar sua introdução ao regex. Em muitos casos, basta copiar um de nossos exemplos e substituir seu próprio URL.
Para validar suas expressões regulares, você pode usar editores de regex, como regexr.com.
Exemplo de criação de uma regex
Na Plomo-o-Plata, todas as páginas de detalhes do produto na categoria Venda em outlet os preços de venda são exibidos em vermelho. As páginas de detalhes de produtos em outras categorias devem permanecer inalteradas.
Ao usar regex na segmentação de URL, você tem a opção de mapear explicitamente essa condição de segmentação.
Aqui está um exemplo de um URL que está localizado na categoria de venda de outlet.
A estrutura dos URLs é a mesma para todas as páginas de detalhes de produtos que podem ser encontradas nessa categoria:
https://plomo-o-plata.de/collections/plomo-o-plata-outlet-sale/products/…
Na tabela Aplicativos úteis você encontrará uma regex predefinida que pode ser transferida para a estrutura de URL do seu site usando este exemplo. Em nosso caso, aplica-se o caso de uso 3.
-> Direcionamento de todas as páginas que seguem o caminho www.demo.de/category/.
-> ^.*www\.demo\.de\/category\/.+
Em primeiro lugar, acessamos https://regexr.com/ e transferimos o caso de uso semelhante.
Agora podemos nos orientar sobre esse caso de uso e transferi-lo para o nosso exemplo de Plomo-o-Plata.
Aplicativos úteis
| Caso de uso | Página de exemplo | Expressão regular |
|---|---|---|
|
Direcionamento para exatamente uma página |
www.demo.de/product-list |
^.*www\.demo\.de\/product-list$ |
|
Direcionamento para exatamente uma página, incluindo links de âncora, parâmetros e "/" opcional |
www.demo.de/?utm_source=google_cpc |
^.*www\.demo\.de(#.*|\/#.*|$|\/$|\/\?.*) |
|
Direcionamento de todas as páginas que estão suspensas no caminho www.demo.de/category/ |
www.demo.de/category/product |
^.*www\.demo\.de\/category\/.+ |
|
Segmentação global de uma página sem "www". |
demo.de/ |
^.*demo.de\/.* |
|
Segmentação global em todo o domínio www.demo.de/ |
www.demo.de/ |
^.*www\.demo.de\/.* |
|
Segmentação em um subdomínio blog.demo.de/ |
blog.demo.de/category/article
|
^.*blog\.demo.de\/.* |
|
Segmentação em um domínio inteiro, incluindo subdomínios demo.de/ |
blog.demo.de/category/article
www.demo.de/category/product |
^.*demo.de\/.* |
|
Segmentação em duas categorias específicas de produtos |
www.demo.de/shirts/product
www.demo.de/pants/product |
^.*www\.demo.de\/(shirts|pants)\/.* |
Precisa de ajuda para configurar seu regex? Não tem problema!
Basta nos escrever uma mensagem com o grupo de páginas que você gostaria de segmentar. Nós lhe enviaremos o regex apropriado assim que possível.
Direcionamento via seletor CSS
Somente direcione páginas ou tipos de página que contenham um elemento específico com um seletor CSS exclusivo. Por exemplo, você deseja direcionar todas as páginas de detalhes de produtos da sua loja on-line em um experimento, mas não há nenhuma referência como "/products/" no URL que permita fazer essa atribuição. Nesse caso, você pode procurar um elemento que esteja disponível somente nas páginas de detalhes do produto, como o botão "Adicionar à cesta". Em seguida, você pode usar o seletor CSS correspondente para esse botão na segmentação de páginas.
A maneira mais fácil de determinar um seletor CSS exclusivo é abrir uma das páginas relevantes no editor visual da Varify. Em seguida, clique no elemento que aparece somente nesse tipo específico de página. Em seguida, você pode copiar o seletor CSS exibido e colá-lo no Page Targeting em
Direcionamento via JavaScript
Você pode usar o JavaScript para uma segmentação de página mais complexa. Dessa forma, você também pode pesquisar quaisquer tags ou atributos no DOM do seu site. O JavaScript também permite que você verifique dados de variáveis da camada de dados.
Exemplo de aplicativo - Entrada de camada de dados
Para direcionar apenas os usuários que têm um parâmetro específico ou um valor específico na camada de dados, você pode percorrer a camada de dados. No exemplo a seguir, apenas os usuários que visualizaram anteriormente um produto específico com ID 1111 ou ID 2222 são direcionados.
Exemplo de código - Direcionamento da camada de dados
return dataLayer?.some(item => item?.ecommerce?.checkout?.products?.[0]?.id==='1111' || item?.ecommerce?.checkout?.products?.[0]?.id==='2222');
Configurações avançadas
Experiência de limpeza na mudança de URL
Os sites que recarregam conteúdo dinamicamente, como aplicativos de página única (SPAs) ou lojas on-line que oferecem diversas variantes de produtos na página de detalhes do produto, comportam-se de forma diferente das páginas estáticas tradicionais. Nas páginas estáticas, todo o conteúdo é completamente recarregado a cada alteração de URL. Com SPAs e sites dinâmicos semelhantes, por outro lado, somente o conteúdo que muda é atualizado.
Comportamento com alterações de URL
Por padrão, a Varify executa uma redefinição da reprodução de variantes para cada alteração de URL, ou seja, todas as variações na página são redefinidas, a URL é verificada novamente e todas as variações aplicáveis à nova URL são reaplicadas.
Desativação da função padrão
Desativar a função "Cleanup Experiment on URL change" pode ser particularmente útil em páginas de produtos de lojas on-line em que você pode selecionar diferentes variantes de produtos, como cores. Com essa seleção, o URL pode mudar para refletir a cor selecionada. Entretanto, se houver uma variação relacionada a um conteúdo que não muda (por exemplo, o botão "Adicionar à cesta"), não seria desejável excluir e reaplicar essa variação. Isso poderia levar a efeitos indesejáveis, como a cintilação da tela.