Teste de redirecionamento e divisão de URL
Tabela de conteúdo
Curto e agradável
Com a função de redirecionamento, você pode redirecionar os usuários que chegam de uma ou mais páginas para outra página. Se você usar essa função em um teste A/B, poderá executar um "teste de URL dividido". Isso permite, por exemplo, testar sua página atual em relação a uma nova versão da página que pode ser acessada por meio de um URL diferente.
Em princípio, há dois métodos disponíveis para a realização de um teste de redirecionamento.
Método 1: Criar teste de redirecionamento no editor
Tutorial passo a passo
Crie um teste de URL dividido com o Varify.io
Esse método só é adequado se você quiser encaminhar exatamente um site para outro site.
Crie uma nova variante e clique no ícone “Redirect URL” (Redirecionar URL). Em seguida, insira o URL para o qual os usuários que chegam devem ser redirecionados no campo de entrada do URL. Ao redirecionar para o novo URL de destino, os parâmetros de URL existentes do URL original chamado são mantidos, como os parâmetros UTM, e são anexados ao novo URL de redirecionamento.
Observação importante: Ao inserir o URL, certifique-se de inserir o URL completo e absoluto.
-> "https://www.demoshop.com/new-home" e não "demoshop.com/new-home"
Entre em contato conosco se tiver alguma dúvida: https://varify.io/kontakt/
Método 2: Definir redirecionamento via JavaScript
Você pode usar JavaScript para redirecionamentos mais complexos. No entanto, é importante que você também anexe o parâmetro va-red, incluindo o ID correto do experimento e o ID da variação no URL, para que o rastreamento também seja acionado na página de destino e você meça os resultados corretos. Aqui estão dois casos de uso para experimentos mais complexos, incluindo um exemplo de rastreamento:
Encaminhamento de cada URL para si mesmo - com parâmetro de URL adicional
Ändere im folgenden Code die Konstanten experimentId e variationId entsprechend den Werten deines Experiments und deiner Variation. Passe außerdem den Wert der Konstante needsViewParam an, indem du dort deinen gewünschten URL Parameter einträgst.
Exemplo:
Página original:
https://www.test.com/products/product1
https://www.test.com/products/product2
Variação:
https://www.test.com/products/product1?view=2
https://www.test.com/products/product2?view=2
(function () {
const experimentId = 21952;
const variationId = 32490;
const needsViewParam = 'view'; // <-- definiere hier den gewünschten Parameter-Namen
function isInEditor() {
const p = new URLSearchParams(location.search);
return p.has('varify-variation-name') || p.has('varify-variation-id');
}
if (isInEditor()) return;
const params = new URLSearchParams(window.location.search);
const paramAsBase64 = btoa(`${experimentId}:${variationId}`).replace(/=/g, '');
const needsView = params.get(needsViewParam) !== '2';
const needsVa = params.get('va-red') !== paramAsBase64;
if (needsView || needsVa) {
params.set(needsViewParam, '2');
params.set('va-red', paramAsBase64);
const newUrl = `${window.location.origin}${window.location.pathname}?${params.toString()}${window.location.hash || ''}`;
window.location.href = newUrl;
}
})();
Importante: Para evitar que a variante caia em um loop infinito, a segmentação da página ainda precisa ser ajustada. Você pode descobrir como fazer isso aqui: Evite loops infinitos em testes de divisão de url
Encaminhamento de todos os URLs para o mesmo URL com subcaminho adicional
Ändere im folgenden Code die Konstanten experimentId e variationId entsprechend den Werten deines Experiments und deiner Variation. Passe außerdem den Wert der Konstante newPathSuffic an, indem du dort dein gewünschtes Unterverzeichnis einträgst.
Exemplo:
Página original:
https://www.test.com/products/product1
https://www.test.com/products/product2
Variação:
https://www.test.com/products/product1/new
https://www.test.com/products/product2/new
…
(function () {
const experimentId = 21952;
const variationId = 32490;
const newPathSuffix = '/new'; // <-- ändere diesen Wert, um das neue Pfad-Suffix festzulegen
function isInEditor() {
const p = new URLSearchParams(location.search);
return p.has('varify-variation-name') || p.has('varify-variation-id');
}
if (isInEditor()) return;
const params = new URLSearchParams(location.search);
const basePath = location.pathname.replace(/\/+$/, '');
const endsWithNew = basePath.endsWith(newPathSuffix);
const vaValue = btoa(`${experimentId}:${variationId}`).replace(/=/g, '');
const hasVa = params.get('va-red') === vaValue;
if (endsWithNew && hasVa) return;
params.set('va-red', vaValue);
const newPath = endsWithNew ? basePath : basePath + newPathSuffix;
const newUrl = `${location.origin}${newPath}?${params.toString()}${location.hash || ''}`;
location.href = newUrl;
})();
Weiterleitung aller URLs auf dieselbe URL mit anderer Subdomain
Ändere im folgenden Code die Konstanten experimentId e variationId entsprechend den Werten deines Experiments und deiner Variation.
Passe außerdem den Wert der Konstante targetSubdomain an, indem du dort deine gewünschte Subdomain einträgst.
Exemplo:
Página original:
https://www.test.com/products/product1
https://www.test.com/products/product2
Variação:
https://subdomain.test.com/products/product1
https://subdomain.test.com/products/product2
…
(function () {
const experimentId = 21952;
const variationId = 32490;
const targetSubdomain = 'subdomain'; // <-- configure your subdomain here
function isInEditor() {
const p = new URLSearchParams(location.search);
return p.has('varify-variation-name') || p.has('varify-variation-id');
}
if (isInEditor()) return;
const params = new URLSearchParams(window.location.search);
const paramAsBase64 = btoa(experimentId + ':' + variationId).replace(/=/g, '');
const needsView = params.get('view') !== '2';
const needsVa = params.get('va-red') !== paramAsBase64;
// derive registrable root like "test.de" from "www.test.de" or "test.de"
const hostNoWww = location.hostname.replace(/^www\./, '');
const parts = hostNoWww.split('.');
const registrable = parts.length >= 2 ? parts.slice(-2).join('.') : hostNoWww;
const targetHost = targetSubdomain + '.' + registrable;
const needsHost = location.hostname !== targetHost;
if (needsView || needsVa || needsHost) {
params.set('view', '2');
params.set('va-red', paramAsBase64);
const port = location.port ? ':' + location.port : '';
const newUrl =
location.protocol + '//' + (needsHost ? targetHost : location.hostname) + port +
location.pathname +
(params.toString() ? ('?' + params.toString()) : '') +
(location.hash || '');
if (needsHost) {
window.location.href = newUrl; // redirect to configured subdomain
} else {
history.replaceState(null, '', newUrl); // same host, just params updated
}
}
})();
Configurar a segmentação de páginas
Depois de criar e salvar o URL de redirecionamento no editor visual, você poderá definir as configurações do teste de divisão no painel do Varify.io.
- Em Page Targeting (Segmentação de página), insira o URL no qual o experimento deve ser realizado. Esse é o URL do qual você deseja redirecionar para o URL de redirecionamento. -> NÃO insira o URL de redirecionamento!
- Defina o tipo de correspondência como "Simple Match"
- Defina a distribuição de tráfego desejada para sua variante
- Iniciar o experimento de redirecionamento
Exemplo: A captura de tela mostra a configuração de que os usuários do 50% que acessam https://www.demoshop.com/ agora são redirecionados para o URL que foi inserido anteriormente na variante criada em Redirect URL (URL de redirecionamento).
Antes de iniciar o experimento, verifique se o encaminhamento funciona corretamente e não cria nenhum loop infinito.
A variante de redirecionamento cria um loop infinito
Em determinadas circunstâncias, o direcionamento de páginas pode criar um loop infinito para os usuários redirecionados. No entanto, isso não ocorrerá se a página recém-criada tiver seu próprio URL.
Por exemplo, se o URL de redirecionamento contiver apenas um parâmetro adicional ao URL original:
Original: https://www.demoshop.com
Redirecionar: https://www.demoshop.com?page=newlp
Você pode descobrir como resolver o problema facilmente aqui: Evite loops infinitos em testes de divisão de url
Avaliação do teste de divisão de URL
Avaliação no Varify.io
Com a conexão Varify.io Google Analytics 4, você pode exibir facilmente seus resultados diretamente no painel do Varify.io. Saiba como fazer isso aqui: Para a avaliação de resultados no Varify.io
Avaliação no GA4
Você pode analisar os dados das variantes do seu teste A/B no GA4 usando a Análise Exploratória de Dados. Você pode encontrar mais informações aqui: Para analisar os resultados no GA4