Le ciblage par variable JavaScript personnalisée vous permet d'injecter du code JavaScript sur une page, puis de cibler vos tests en fonction de la valeur renvoyée par ce code.
Au sommaire de cet article :Quand utiliser le ciblage par variable JavaScript personnalisée ?
Vous devez l'utiliser lorsque vous souhaitez créer des conditions de ciblage basées sur des informations relatives à la page Web qui ne peuvent pas être extraites de l'URL, de la couche de données, de variables JavaScript ou d'une autre méthode de ciblage. Votre variable JavaScript personnalisée doit correspondre à une fonction JavaScript unique qui renvoie une valeur à l'aide de l'instruction "return". Vous pouvez alors cibler les visiteurs selon la valeur renvoyée par votre code JavaScript.
Remarque : Tout code JavaScript défini par l'utilisateur doit être déclaré au-dessus de l'extrait conteneur Optimize, dans la balise <HEAD> de la page. Le code JavaScript déclaré après l'extrait Optimize ne sera pas disponible pour le ciblage lors du chargement de la page.
Exemple : Cibler les visiteurs qui parcourent votre site le matin
Vous souhaitez que vos tests ciblent les utilisateurs qui visitent votre site le matin ? Écrivez une fonction JavaScript qui renvoie l'heure actuelle (les valeurs possibles étant comprises entre 0 et 23). Ensuite, créez une condition de ciblage qui recherche une valeur renvoyée inférieure à 12.
Étape 1 : Créez une variable personnalisée
- Créez ou modifiez un test.
- Cliquez sur l'onglet "CIBLAGE".
- Cliquez sur ET pour ajouter une nouvelle règle de ciblage.
- Cliquez sur JavaScript personnalisé.
- Cliquez sur Variable, puis Création.
- Si vous le souhaitez, vous pouvez cliquer sur une variable existante pour la modifier.
- Saisissez votre variable JavaScript personnalisée dans le champ vide prévu à cet effet (voir exemple ci-dessous).
- Attribuez un nom à votre variable (par exemple,
Heure du navigateur). - Cliquez sur CRÉER UNE VARIABLE.
Exemple de code JavaScript qui renvoie l'heure à laquelle l'horloge du navigateur est définie :
function() {
return (new Date()).getHours();
}
Étape 2 : Créer une condition avec votre variable personnalisée
Après avoir créé votre variable personnalisée, Optimize l'insère dans une nouvelle condition de ciblage, que vous pouvez compléter en ajoutant un type de correspondance et une valeur. Pour cet exemple, créez une condition de ciblage qui recherche une valeur renvoyée égale ou inférieure à 11, puis cliquez sur ENREGISTRER.
| Variable | Type de correspondance | Valeur |
| Heure du navigateur | inférieure à | 12 |
Cette condition vaut true si :
- la valeur de la variable Heure du navigateur est inférieure à
12.
Cette condition vaut false si :
- la valeur de la variable Heure du navigateur est égale ou supérieure à
12
Remarque : Soyez prudent, car le code JavaScript peut avoir des effets indésirables. Votre code ne doit pas modifier ni mettre à jour le DOM, ni toute autre variable actuellement stockée sur la page. De plus, veillez à ce que la logique de votre application ne dépende pas de l'exécution de ce code.
Types de correspondance
Les types de correspondance suivants sont disponibles pour le ciblage par variable JavaScript :
- est égal(e) à/n'est pas égal(e) à
- contient/ne contient pas
- commence par/ne commence pas par
- se termine par/ne se termine pas par
- correspond à une expression régulière/ne correspond pas à une expression régulière
- Inférieur(e) à
- Inférieur(e) ou égal(e) à
- Supérieur(e) à
- Supérieur(e) ou égal(e) à
Est égal(e) à/N'est pas égal(e) à
Chaque caractère, du début à la fin, doit correspondre exactement à la valeur saisie pour que la condition vaille "true". Une condition utilisant N'est pas égal(e) à vaut "true" si le paramètre de requête n'est pas égal à l'une des valeurs saisies.
Exemple
| Variable | Type de correspondance | Valeur |
| Cookie de connexion | est égal(e) à | true |
Vaut true lorsque la valeur de la variable est "true".
| Variable | Type de correspondance | Valeur |
| Cookie de connexion | n'est pas égal(e) à | true |
Vaut true lorsque la valeur de la variable est "false".
Contient/Ne contient pas
Le type de correspondance contient (également appelé "correspondance sous-chaîne") vous permet de cibler toute occurrence d'une sous-chaîne avec une chaîne plus longue.
Exemple :
| Variable | Type de correspondance | Valeur |
| Page | contient | T4 |
Renvoie l'état true si :
http://www.example.com/member.cgi?id=9&page=4
| Variable | Type de correspondance | Valeur |
| Page | ne contient pas | page=4 |
Renvoie l'état true si :
http://www.example.com/member.cgi?id=9&page=2
Commence par/Ne commence pas par
Le type de correspondance commence par désigne des caractères identiques au début de la chaîne de requête jusqu'au dernier caractère inclus dans la chaîne spécifiée.
Exemple :
| Variable | Type de correspondance | Valeur |
| Page | commence par | T4 |
Renvoie l'état true si :
http://www.example.com/member.cgi?id=9&page=4
| Variable | Type de correspondance | Valeur |
| Page | ne commence pas par | T4 |
Renvoie l'état true si :
http://www.example.com/member.cgi?id=9&page=2
Se termine par/Ne se termine pas par
La valeur saisie correspond exactement à celle de la fin de l'URL. Vous pouvez cibler les pages du panier qui utilisent /merci.html à la fin de leurs URL.
Exemple :
| Variable | Type de correspondance | Valeur |
| Page | se termine par | T4 |
Renvoie l'état true si :
http://www.example.com/member.cgi?id=9&page=24
| Variable | Type de correspondance | Valeur |
| Page | ne se termine pas par | T4 |
Renvoie l'état true si :
http://www.example.com/member.cgi?id=9&page=42
Correspond à une expression régulière/Ne correspond pas à une expression régulière
une expression régulière utilise des caractères spéciaux pour activer les caractères génériques et la correspondance flexible. Ce type de correspondance est utile lorsque la fin d'une URL et/ou les paramètres placés en fin de chaîne peuvent varier au niveau des URL pour une même page. Supposons qu'un internaute provienne de l'un de vos nombreux sous-domaines et que vos URL intègrent des identifiants de session. Dans ce cas, vous pouvez utiliser une expression régulière pour définir l'élément constant de votre URL.
Exemple
| Variable | Type de correspondance | Valeur |
| Page | correspond à une expression régulière | checkout.cgi\?page=1 |
Renvoie l'état true si :
http://sports.example.com/checkout.cgi?page=1&id=123http://fishing.example.com/checkout.cgi?page=1&lang=en&id=123
| Variable | Type de correspondance | Valeur |
| Page | ne correspond pas à une expression régulière | checkout.cgi\?page=1 |
Renvoie l'état true si :
http://sports.example.com/checkout.cgi?page=2&id=123
Opérateurs
ET
L'opérateur ET est utile si vous souhaitez cibler une variante constituée de plusieurs règles dont toutes les conditions doivent être remplies. Les conditions utilisant l'opérateur "ET" ne valent "true" que lorsque toutes les valeurs sont respectées.
Exemple
Pour cibler les utilisateurs recherchant /nexus depuis une tablette, créez deux règles jointes par l'opérateur ET.
Une règle de ciblage par paramètre de requête :
| Variable | Type de correspondance | Valeur |
| requête de recherche | est égal(e) à | nexus |
...et une règle de ciblage par technologie :
| Variable | Type de correspondance | Valeur |
| Catégorie d'appareil | est égal(e) à | tablette |
OU
L'opérateur "OU" vous permet de cibler un type de page avec plusieurs configurations d'URL. Les conditions utilisant l'opérateur "OU" valent "true" (exact) si une des valeurs est respectée. Vous pouvez utiliser l'opérateur "OU" en ajoutant des valeurs supplémentaires dans une règle de ciblage par URL. Lorsque vos ciblez des URL, l'opérateur "OU" est automatiquement ajouté à votre première URL une fois que vous avez appuyé sur la touche Entrée. Saisissez simplement les URL supplémentaires, puis appuyez sur Entrée pour continuer la création de conditions avec l'opérateur "OU".
Exemple
Pour cibler les recherches sur votre site Web pour nexus ou chromecast, créez une règle avec deux recherches sur site dans le champ "Valeur". Vous allez constater que l'opérateur "OU" est automatiquement ajouté une fois que vous avez appuyé sur la touche Entrée.
| Variable | Type de correspondance | Valeur |
| requête de recherche | est égal(e) à | nexus ou... chromecast |
L'opérateur OU est accepté dans certaines conditions, mais il ne permet pas de combiner plusieurs conditions. Par exemple, vous pouvez créer ce type de condition : "chemin est égal(e) à /magasin OU /boutique". En revanche, vous ne pouvez pas utiliser OU pour plusieurs conditions (par exemple, "chemin est égal(e) à /magasin OU hôte est égal(e) à example.com").
Articles associés sur le ciblage
- Présentation du ciblage dans Optimize
- Ciblage par URL
- Ciblage par paramètre de requête
- Ciblage par type d'audience
- Ciblage comportemental
- Ciblage géographique
- Ciblage par type de technologie
- Ciblage par cookie propriétaire
- Ciblage par variable de couche de données
- Ciblage par variable JavaScript
- Ciblage par variable JavaScript personnalisée
- Utilisation des cookies Google Analytics sur des sites Web – Développeurs Analytics