Test de redirection et de partage d'URL
Table des matières
En bref
La fonction de redirection te permet de rediriger les utilisateurs entrants d'une ou plusieurs pages vers une autre page. Si tu utilises cette fonction dans un test A/B, tu peux effectuer un "split URL test". Cela te permet par exemple de tester ta page actuelle par rapport à une nouvelle version de la page qui est accessible via une autre URL.
Prinzipiell stehen dir zwei Methoden zur Verfügung, wie du einen Redirect Test durchführen kannst.
Methode 1: Redirect Test im Editor anlegen
Tutoriel étape par étape
Créer un test d'URL divisé avec Varify.io
Diese Methode eignet sich nur dann, wenn du genau eine Website an eine andere Website weiterleiten möchtest.
Erstelle eine neue Variante und klicke auf das Icon “Redirect URL”. Trage danach in dem URL Eingabefeld die URL ein, auf welche eingehende User weitergeleitet werden sollen. Bei der Weiterleitung an die neue Ziel URL bleiben vorhandene URL Parameter der aufgerufenen Original URL erhalten, wie UTM Parameter und werden an die neue Weiterleitungs URL angehängt.
Remarque importante : Lors de la saisie de l'URL, veille à saisir l'URL complète et absolue.
-> "https://www.demoshop.com/new-home" et non "demoshop.com/new-home".
Contacte-nous si tu as des questions : https://www1.varify.io/kontakt/
Methode 2: Redirect per JavaScript definieren
Für komplexere Weiterleitungen kannst du JavaScript nutzen. Hierbei ist es allerdings wichtig, dass du zusätzlich den va-red Parameter inklusive der korrekten Experiment ID und Variation ID an die URL anhängst, damit das Tracking auch auf der Zielseite ausgelöst wird und du dadurch die korrekten Ergebnisse misst. Anbei zwei Use Cases, für komplexere Experimente inklusive Tracking Beispiel:
Weiterleitung jeder URL auf sich selbst – mit zusätzlichem URL-Parameter
exemple :
Page originale :
https://www.test.com/products/product1
https://www.test.com/products/product2
Variation :
https://www.test.com/products/product1?view=2
https://www.test.com/products/product2?view=2
(function () {
const experimentId = 21952;
const variationId = 32490;
function isInEditor() {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.has('varify-editor') || urlParams.has('varify-mode');
}
if (isInEditor()) return;
const params = new URLSearchParams(window.location.search);
const paramAsBase64 = window.btoa(`${experimentId}:${variationId}`).replace(/=/g, '');
const needsView = params.get('view') !== '2';
const needsVa = params.get('va-red') !== paramAsBase64;
if (needsView || needsVa) {
params.set('view', '2');
params.set('va-red', paramAsBase64);
const newUrl = `${window.location.origin}${window.location.pathname}?${params.toString()}${window.location.hash || ''}`;
window.location.href = newUrl;
}
})();
Weiterleitung aller URLs auf dieselbe URL mit zusätzlichem Unterpfad
exemple :
Page originale :
https://www.test.com/products/product1
https://www.test.com/products/product2
Variation :
https://www.test.com/products/product1/new
https://www.test.com/products/product2/new
…
(function () {
function isInEditor() {
const p = new URLSearchParams(location.search);
return p.has('varify-editor') || p.has('varify-mode');
}
if (isInEditor()) return;
const basePath = location.pathname.replace(/\/+$/,'');
if (basePath.endsWith('/new')) {
console.log('No redirect needed.');
return;
}
const newUrl = location.origin + basePath + '/new';
console.log('Redirecting to:', newUrl);
location.href = newUrl;
})();
Configurer le ciblage des pages
Après avoir créé et enregistré l'URL de redirection dans l'éditeur visuel, tu peux définir les paramètres du split test dans le tableau de bord de Varify.io.
- Saisis dans Page Targeting l'URL sur laquelle ton expérience doit avoir lieu. Il s'agit ici de l'URL à partir de laquelle tu dois être redirigé vers l'URL de redirection. -> N'inscrivez PAS l'URL de redirection !
- Définis le type de correspondance sur "Simple Match".
- Définis la répartition du trafic souhaitée pour ta variante
- Démarre l'expérience de redirection
exemple : Dans la capture d'écran, on peut voir le réglage selon lequel 50% des utilisateurs qui arrivent sur https://www.demoshop.com/ sont désormais redirigés vers l'URL qui a été saisie auparavant dans la variante créée sous Redirect URL.
Avant de commencer l'expérience, vérifie que le transfert fonctionne correctement et ne crée pas de boucles sans fin.
La variante de redirection crée une boucle sans fin
Il peut arriver que le ciblage de page crée, dans certaines circonstances, une boucle sans fin pour les utilisateurs redirigés. Cela ne se produit toutefois pas si la nouvelle page que tu as créée possède sa propre URL.
Par exemple, si ton URL de redirection ne contient qu'un paramètre supplémentaire par rapport à l'URL d'origine :
Original : https://www.demoshop.com
Redirection : https://www.demoshop.com?page=newlp
Tu trouveras ici une solution simple à ce problème : Éviter les boucles infinies dans les tests de split d'url
Évaluation du test de l'URL fractionnée
Évaluation dans Varify.io
Avec la connexion Varify.io Google Analytics 4, tu peux facilement afficher tes résultats directement dans ton tableau de bord Varify.io. Tu apprendras ici comment faire : Vers l'évaluation des résultats dans Varify.io
Évaluation dans GA4
Tu peux évaluer les données des variantes de ton test A/B dans GA4 avec l'analyse exploratoire des données. Tu trouveras de plus amples informations ici : Pour l'évaluation des résultats dans GA4