Ciblage précis des pages
Table des matières
En bref
Le Page Targeting te permet de définir sur quelles pages de ton site web une expérience sera diffusée. Dans les paramètres d'expérience, tu trouveras sous „Page Targeting“ différentes options permettant de contrôler la diffusion sur la base de règles. Un Page Targeting correctement configuré est en outre une condition préalable pour qu'une expérience puisse être lancée.
Options de ciblage des pages
A l'aide de règles dans le Page Targeting, tu détermines sur quelles pages ou types de pages les visiteurs deviennent des participants à l'expérience. Pour cela, tu disposes de différentes méthodes pour identifier clairement les pages. Une expérience n'est diffusée que si les conditions définies sont remplies.
Il est également possible de relier plusieurs règles entre elles et d'utiliser des conditions ET et OU.
| Méthode | Quand cela est-il utile ? |
|---|---|
| Règles URL | Lorsque les pages peuvent être clairement distinguées par le domaine, le chemin ou les paramètres, ou lorsque seule une URL spécifique doit être ciblée. |
| Regex | Lorsque plusieurs URL similaires doivent être couvertes par un modèle. |
| Sélecteur CSS | Si tu veux cibler plusieurs pages qui ne peuvent pas être distinguées proprement par des règles d'URL, mais qui partagent un élément unique. |
| JavaScript | Si tu as besoin de conditions complexes qui vont au-delà de l'URL et du DOM, par exemple la logique, les états ou les entrées DataLayer. |
A l'aide de règles, tu définis sur quelles pages ou types de pages tes visiteurs deviennent des participants à l'expérience. Pour cela, tu as plusieurs possibilités d'identifier les pages.
L'utilisation du sélecteur CSS est utile lorsque tu souhaites cibler plusieurs pages, mais que celles-ci ne peuvent pas être clairement identifiées par des règles d'URL.
Avec JavaScript, tu peux définir des règles de ciblage plus complexes. Par exemple, tu as aussi la possibilité de contrôler des entrées DataLayer spécifiques.
URL Match
L'URL Match te permet de définir, à l'aide de règles URL, les pages sur lesquelles ton expérience sera diffusée. Tu peux combiner plusieurs règles URL et définir celles qui doivent s'appliquer et celles qui doivent être exclues.
Liaison de plusieurs règles URL
Tu peux créer plusieurs règles URL en même temps et les relier entre elles. Tu ajoutes d'autres règles en cliquant sur le symbole plus. Avec „matches“ ou „does not match“, tu détermines si l'expérience doit être diffusée ou exclue sur les URL indiquées.
Si tu souhaites représenter des règles plus complexes, tu peux combiner plusieurs correspondances d'URL. Tu peux par exemple définir qu'une expérience s'affiche sur https://www.demo.de, sauf sur https://www.demo.de/impressum.
Type de correspondance
À droite du champ de saisie, tu peux définir le type de correspondance de ta condition de ciblage. En fonction de la sélection, l'URL dans le champ de saisie à côté est contrôlée par rapport à différentes conditions. Tu as le choix entre les conditions suivantes :
- Simple Match
- Exact Match
- Contient
- Regex
Les conditions de ciblage sont expliquées plus en détail ci-dessous, avec des exemples d'application.
Simple Match
Dans le cas de Simple Match, toutes les URL saisies sont ciblées, y compris les paramètres d'URL correspondants.
Dans l'exemple suivant, tu peux voir quelles variantes d'URL sont considérées comme des résultats positifs pour le ciblage de page „Simple Match“ pour l'URL www.demo.de :
| URL | Le ciblage s'applique |
|---|---|
| www.demo.de | ✅ s'applique |
| www.demo.de#about | ✅ s'applique |
| www.demo.de?color=red | ✅ s'applique |
| www.demo.de/category | ❌ ne s'applique pas |
| www.demo.com | ❌ ne s'applique pas |
| sous-domaine.demo.fr | ❌ ne s'applique pas |
| URL | Le ciblage s'applique |
|---|---|
|
www.demo.de |
correspond |
|
www.demo.de#about |
correspond |
|
www.demo.de?color=red |
correspond |
|
www.demo.de/category |
ne s'applique pas |
|
www.demo.com |
ne s'applique pas |
|
sub.demo.fr |
ne s'applique pas |
Si tu souhaites cibler plusieurs pages, types de pages ou sous-domaines en même temps, tu peux utiliser des regex à cet effet. Alternativement, le ciblage est également possible via un sélecteur CSS, par exemple lorsqu'un élément spécifique est présent sur la page. Lis simplement la suite.
Exact Match
Utilise la condition „Exact Match“ si le Page Targeting doit s'appliquer exclusivement à une URL concrète, donc sans paramètre d'URL.
Dans l'exemple suivant, tu peux voir quelles variantes d'URL sont considérées comme des hits pour le Page Targeting „Exact Match“ pour l'URL www.demo.de :
| URL | Le ciblage s'applique |
|---|---|
| www.demo.de | ✅ s'applique |
| www.demo.de#about | ❌ ne s'applique pas |
| www.demo.de?color=red | ❌ ne s'applique pas |
| www.demo.de/category | ❌ ne s'applique pas |
| www.demo.com | ❌ ne s'applique pas |
| sous-domaine.demo.fr | ❌ ne s'applique pas |
| URL | Le ciblage s'applique |
|---|---|
|
www.demo.de |
correspond |
|
www.demo.de/ |
ne s'applique pas |
|
www.demo.de#about |
ne s'applique pas |
|
www.demo.de?color=red |
ne s'applique pas |
|
www.demo.de/category |
ne s'applique pas |
|
www.demo.com |
ne s'applique pas |
|
sub.demo.fr |
ne s'applique pas |
Contient
Tu utilises la condition de Page-Targeting „Contains“ lorsque tu souhaites cibler plusieurs pages d'un groupe donné. La condition préalable est que les pages puissent être délimitées par une structure URL cohérente. Par exemple, si tu ne veux tester que des pages de produits, tu peux utiliser „Contains“ avec „/products/“ pour cibler précisément ces pages. Dans ce cas, l'expression indiquée doit apparaître au moins une fois en entier dans l'URL.
Dans l'exemple suivant, tu vois différentes variantes d'URL pour lesquelles le Page Targeting „/products/“ s'applique.
| URL | Le ciblage s'applique |
|---|---|
| www.demo.com | ❌ ne s'applique pas |
| www.demo.com/products | ❌ ne s'applique pas |
| www.demo.com/products/t-shirts | ✅ s'applique |
| www.demo.com/products/pants | ✅ s'applique |
| www.demo.com/blog/products-reviews | ❌ ne s'applique pas |
| www.demo.com/blog/products/tests | ✅ s'applique |
| URL | Le ciblage s'applique |
|---|---|
|
www.demo.de |
ne s'applique pas |
|
www.demo.de/produkte |
ne s'applique pas |
|
www.demo.de/produkte/t-shirts |
correspond |
|
www.demo.de/produkte/hosen |
correspond |
|
www.demo.de/blog/produkte-reviews |
ne s'applique pas |
|
www.demo.de/blog/produkte/tests |
correspond |
Expressions régulières (Regex)
Les expressions régulières te permettent de cibler tes tests A/B sur des pages individuelles ou des groupes de pages spécifiques. Dans de nombreux cas, cela est plus précis que les conditions de ciblage présentées précédemment.
Cette option s'adresse surtout aux utilisateurs avancés qui ont déjà de l'expérience avec Regex ou qui souhaitent reproduire des règles très précises. Pour te faciliter la tâche, nous avons créé ce guide sur le Page Targeting avec Regex. Dans de nombreux cas, il suffit de copier l'un de nos exemples et de ne changer que sa propre URL.
Pour valider tes expressions régulières, tu peux utiliser des éditeurs de regex comme regexr.com.
Exemple de création d'une regex
Sur Plomo-o-Plata, toutes les pages de détail des produits dans la catégorie Vente outlet les prix de vente soient affichés en rouge. Les pages de détail des produits dans les autres catégories doivent rester inchangées.
En utilisant des regex pour le ciblage d'URL, tu as la possibilité de reproduire explicitement cette condition de ciblage.
On voit ici, à titre d'exemple, une URL qui se situe dans la catégorie Outlet-Sale.
La structure des URL est la même pour toutes les pages de détail des produits qui se trouvent dans cette catégorie :
https://plomo-o-plata.de/collections/plomo-o-plata-outlet-sale/products/…
Dans le tableau Cas d'utilisation utiles tu trouveras des règles prédéfinies que tu peux appliquer à la structure URL de ton site web à l'aide de cet exemple. Dans notre cas, le cas d'application 3 s'applique.
-> Ciblage de toutes les pages en fonction du chemin www.demo.de/category/
-> ^.*www\Ndemo\N.de\N/category\N/.+
Tout d'abord, nous allons sur https://regexr.com/ et transposons le cas d'application similaire.
Nous pouvons maintenant nous inspirer de ce cas d'application et l'appliquer à notre exemple de Plomo-o-Plata.
Cas d'utilisation utiles
| Cas d'utilisation | Exemple de page | Expression régulière |
|---|---|---|
| Ciblage exact d'une page | www.demo.de/product-list | ^.*www\Ndemo\N.de\N/product-list$ |
| Ciblage exact d'une page, y compris les liens d'ancrage, les paramètres et le „/“ optionnel“ | www.demo.de/?utm_source=google_cpc | ^.*www\.demo\.de(#.*|\/#.*|$|\/$|\/\?.*) |
| Ciblage de toutes les pages suspendues dans le chemin www.demo.de/category/ | www.demo.de/category/product | ^.*www\Ndemo\N.de\N/category\N/.+ |
| Ciblage global d'une page sans „www.“ | demo.de/ | ^.*demo.de\N/.* |
| Ciblage global sur l'ensemble du domaine www.demo.de/ | www.demo.de/ | ^.*www\Ndemo.de\N/.* |
| Ciblage d'un sous-domaine blog.demo.fr/ | blog.demo.de/category/article | ^.*blog\Ndemo.de\N/.* |
| Ciblage sur l'ensemble d'un domaine, y compris les sous-domaines demo.fr/ |
blog.demo.de/category/article www.demo.de/category/product |
^.*demo.de\N/.* |
| Ciblage sur deux catégories de produits spécifiques |
www.demo.de/shirts/product www.demo.de/pants/product |
^.*www\Ndemo.de\N/(shirts|pants)\/.* |
| Cas d'utilisation | Exemple de page | Expression régulière |
|---|---|---|
|
Ciblage exact d'une page |
www.demo.de/product-list |
^.*www\Ndemo\N.de\N/product-list$ |
|
Ciblage exact d'une page, y compris les liens d'ancrage, les paramètres et le "/" optionnel |
www.demo.de/?utm_source=google_cpc |
^.*www\.demo\.de(#.*|\/#.*|$|\/$|\/\?.*) |
|
Ciblage de toutes les pages suspendues dans le chemin www.demo.de/category/ |
www.demo.de/category/product |
^.*www\Ndemo\N.de\N/category\N/.+ |
|
Ciblage global d'une page sans "www. |
demo.de/ |
^.*demo.de\N/.* |
|
Ciblage global sur l'ensemble du domaine www.demo.de/ |
www.demo.de/ |
^.*www\Ndemo.de\N/.* |
|
Ciblage d'un sous-domaine blog.demo.fr/ |
blog.demo.de/category/article
|
^.*blog\Ndemo.de\N/.* |
|
Ciblage sur l'ensemble d'un domaine, y compris les sous-domaines demo.fr/ |
blog.demo.de/category/article
www.demo.de/category/product |
^.*demo.de\N/.* |
|
Ciblage sur deux catégories de produits spécifiques |
www.demo.de/shirts/product
www.demo.de/pants/product |
^.*www\Ndemo.de\N/(shirts|pants)\/.* |
Tu as besoin d'aide pour mettre en place ta regex ? Pas de problème !
Écris-nous simplement un message avec le groupe de pages que tu souhaites cibler. Nous t'enverrons la regex correspondante dans les plus brefs délais.
Sélecteur CSS
Cible uniquement les pages ou les types de pages sur lesquels un élément spécifique est présent avec un sélecteur CSS unique. Cela est particulièrement utile lorsque les pages ne peuvent pas être distinguées de manière fiable par des règles d'URL. Exemple : tu souhaites cibler toutes les pages de détail des produits de ta boutique, mais la structure de l'URL ne contient pas d'indication claire comme „/products/“. Dans ce cas, tu peux utiliser un élément qui n'apparaît que sur les pages de détail des produits, par exemple le bouton „Ajouter au panier“. Le sélecteur CSS de cet élément est ensuite déposé dans le Page Targeting.
Le plus simple est de trouver un sélecteur CSS adéquat directement dans l'éditeur visuel Varify : ouvre une page appropriée, clique sur l'élément qui n'apparaît que sur ce type de page et copie le sélecteur CSS qui s'affiche. Tu peux ensuite l'insérer dans Page Targeting sous „CSS Selector“.
JavaScript
Pour des Page Targetings plus complexes, tu peux utiliser JavaScript. De cette manière, tu peux également rechercher n'importe quel tag ou attribut dans le DOM de ton site web. De plus, JavaScript te permet de vérifier les données des variables de la couche de données.
Exemple d'application - Entrée de la couche de données
Pour ne cibler que les utilisateurs qui ont un certain paramètre ou une certaine valeur dans la couche de données, tu peux naviguer dans la couche de données. Dans l'exemple ci-dessous, seuls les utilisateurs qui ont déjà consulté un certain produit avec l'ID 1111 ou l'ID 2222 sont ciblés.
Exemple de code - Ciblage de la couche de données
return dataLayer?.some(item => item?.ecommerce?.checkout?.products?.[0]?.id==='1111' || item?.ecommerce?.checkout?.products?.[0]?.id==='2222');
Paramètres avancés
Expérience de nettoyage sur le changement d'URL
Les pages web qui rechargent dynamiquement les contenus - comme par exemple les Single Page Applications (SPA) ou les boutiques en ligne qui proposent plusieurs variantes de produits sur la page de détail du produit - se comportent différemment des pages statiques traditionnelles. Sur les pages statiques, tous les contenus sont entièrement rechargés à chaque changement d'URL. Dans le cas des SPA et des pages web dynamiques similaires, en revanche, seuls les contenus qui changent sont actualisés.
Comportement en cas de changement d'URL
Par défaut, Varify effectue une réinitialisation de la diffusion des variantes à chaque changement d'URL, c'est-à-dire que toutes les variations sur la page sont réinitialisées, l'URL est à nouveau vérifiée et toutes les variations applicables pour la nouvelle URL sont à nouveau appliquées.
Désactivation de la fonction standard
La désactivation de la fonction "Cleanup Experiment on URL change" peut être particulièrement utile sur les pages de produits dans les boutiques en ligne, où tu peux sélectionner différentes variantes de produits comme les couleurs. Avec une telle sélection, l'URL peut changer pour refléter la couleur choisie. Toutefois, s'il existe une variation qui se rapporte à des contenus qui ne changent pas (par exemple le bouton "Ajouter au panier"), il ne serait pas souhaitable de supprimer cette variation et de l'appliquer à nouveau. Cela pourrait entraîner des effets indésirables, comme le scintillement de l'écran.
Expérience Reapply sur le changement de DOM
Lorsque le setting est activé, le DOM du site web est surveillé en permanence afin de s'assurer que l'optimisation de la variante reste active. Si l'optimisation est écrasée par des scripts ou des éléments de page du site web, le système le détecte et applique à nouveau l'optimisation. Cela peut par exemple se produire lorsque des filtres sont appliqués à certaines variantes de produits.
Si le réglage est désactivé, l'optimisation n'est appliquée qu'une seule fois - une surveillance continue n'a pas lieu.