Passer au contenu principal
Vous pouvez gérer vos sites/applications mobiles dans la page Projets de la section Admin de Kameleoon.

Page Projets

Pour accéder à la page Projets :
  1. Connectez-vous à votre compte Kameleoon.
  2. Cliquez sur Admin > Projets.

Nommez vos sites

Vous pouvez attribuer un nom à votre site. Pour nommer un site :
  1. Cliquez sur le menu à trois points en haut à droite de la page.
  2. Cliquez sur Nommer vos sites. Une barre latérale s’ouvre.
  3. Saisissez un nom pour le site et enregistrez.

Rechercher, filtrer, trier

Une barre de recherche, des outils de filtrage et de tri sont disponibles. Vous pouvez filtrer les projets par statut (Kameleoon activé/désactivé) ou par script (script installé/non installé).
Vous pouvez également trier les projets par nom, date d’ajout, statut ou nombre d’expériences associées. Vous pouvez basculer entre l’ordre croissant et décroissant en cliquant sur les flèches à droite.

Informations et actions sur un projet

Informations

Trois sections d’informations sont accessibles depuis la fiche d’identification de votre projet.
information
  • Installation : Cette page vous permet d’installer le script Kameleoon dans votre projet.
  • Configuration : Cette page donne accès aux options de configuration avancées.
  • Indicateurs : Cette page affiche les indicateurs mesurés dans votre projet.
Vous trouverez également le nombre d’expériences et de personnalisations créées sur le site ou l’application mobile. Lorsque vous déplacez la souris sur une fiche, une barre d’actions apparaît.

Actions

Désactiver
Vous pouvez désactiver un projet.
disable
Supprimer
Vous pouvez supprimer un projet de votre compte Kameleoon.
Cette action n’est pas disponible si vous n’avez qu’un seul projet.
delete
Modifier
edit
Une fois que vous avez identifié le projet à modifier, cliquez sur Modifier ou Configuration.
Désactiver/Activer
En haut à droite de la page Configuration, vous trouverez un menu Actions. Cliquez pour accéder aux actions disponibles.
actions
Si Kameleoon est activé sur votre projet, l’action Désactiver s’affiche. Si Kameleoon est désactivé, l’action est Activer. Lorsque vous désactivez Kameleoon, une fenêtre contextuelle apparaît vous demandant de confirmer votre choix. Si vous confirmez, toutes les expériences et personnalisations sur votre site web ou application mobile seront désactivées. Elles reprendront automatiquement une fois Kameleoon réactivé.
Lors de la désactivation, le fichier d’application Kameleoon (kameleoon.js) sera presque entièrement dépouillé de son contenu, bien que l’objet Kameleoon reste défini. Certaines méthodes de l’API d’activation peuvent ne pas fonctionner correctement dans cet état, en particulier celles des objets Experiments, Feature Flags et Personalizations. Si vous appelez des méthodes de l’API d’activation en dehors de Kameleoon, nous vous recommandons fortement d’utiliser la Kameleoon CommandQueue pour éviter toute erreur sur votre site web. Notez également que la désactivation de Kameleoon n’arrête pas instantanément vos campagnes web. Étant donné que notre script peut être mis en cache par le navigateur, les visiteurs récurrents qui ont déjà téléchargé une version précédente continueront à l’utiliser jusqu’à l’expiration du cache de leur navigateur.
Vous pouvez également supprimer votre projet.

Ajouter un nouveau projet

Vous pouvez configurer autant de projets que vous le souhaitez dans votre compte. Un projet peut être un site web, une application mobile ou tout environnement (par exemple, staging, production) que vous utilisez en interne. Pour ajouter un nouveau projet :
  1. Connectez-vous à votre compte Kameleoon.
  2. Cliquez sur Admin > Projets.
  3. Cliquez sur Nouveau projet. Une fenêtre contextuelle s’ouvre.
add-a-project
  1. Indiquez si vous souhaitez utiliser Kameleoon pour un site (snippet JavaScript ou SDK) ou pour une application mobile (SDK).
  2. Saisissez l’URL de votre projet et, éventuellement, un nom et une description pour votre nouveau projet dans la fenêtre contextuelle qui apparaît.
Si vous associez un nom à votre projet, Kameleoon l’utilisera sur l’ensemble de la plateforme, plutôt que son URL.
  1. Cliquez sur Ajouter.

Implémenter Kameleoon sur un site à l’aide d’un snippet JavaScript

Choisissez cette méthode si vous souhaitez créer :
  • des personnalisations
  • des expériences graphiques
  • des MVT
  • des expériences CSS/JS

Type de script

Kameleoon est compatible avec tous les principaux systèmes de gestion de tags ; cependant, nous vous recommandons fortement de ne pas installer Kameleoon à l’aide d’un gestionnaire de tags, car cela augmentera la probabilité d’effets de clignotement dans vos campagnes. (En savoir plus sur le clignotement ici). Par conséquent, lors de la configuration de votre type de script, nous recommandons de choisir Non dans la liste déroulante. Si vous choisissez Non, vous devez ensuite sélectionner votre tag d’installation. Nous vous recommandons de sélectionner l’option Chargement asynchrone avec anti-clignotement.
script-type

Configuration du domaine

Sous Configuration du domaine, vous pouvez ajouter des domaines et sous-domaines pour le suivi inter-domaines. Kameleoon utilise le stockage local pour suivre les données de session qui peuvent être utilisées dans le ciblage des campagnes. Cette option est importante si vous avez plusieurs domaines, car elle permet un suivi inter-domaines natif en unifiant les données de session sur tous vos domaines. Cette liste contrôle également quels domaines peuvent lire/écrire les données visiteur stockées dans le stockage local de votre domaine principal pour le suivi inter-domaines. En termes simples, le suivi inter-domaines permet de suivre les visiteurs sur différents sous-domaines (par exemple, example.com et payment.example.com). Nous recommandons d’activer le suivi inter-domaines car il vous permet de suivre les visiteurs sur tous vos domaines. Avec le suivi inter-domaines, vos visiteurs ne seront pas considérés comme de nouveaux visiteurs lorsqu’ils naviguent entre vos domaines et sous-domaines, et leurs expériences seront cohérentes sur l’ensemble de vos propriétés numériques. Cependant, le suivi inter-domaines n’est requis que si vous comptez utiliser les données de session sur l’ensemble de vos domaines à des fins de ciblage comportemental avancé, car il permet à Kameleoon de lire les données stockées dans le stockage local. Notez que, par défaut, vous ne pouvez utiliser que votre domaine principal et ses sous-domaines (*.example.com) dans l’éditeur graphique. Si vous souhaitez autoriser des domaines supplémentaires, vous devez les ajouter en cliquant sur Ajouter un domaine/sous-domaine.
domain-configuration

Hébergement des ressources

Vous pouvez héberger le fichier d’application vous-même, ou Kameleoon peut l’héberger. Si vous choisissez d’héberger vous-même les ressources publiques Kameleoon (Oui dans la liste déroulante), vous devez saisir l’URL de votre Content Delivery Network (CDN).
resource-hosting
Lorsque vous avez terminé avec vos paramètres d’implémentation, cliquez sur Continuer.
continue

Installer Kameleoon

Lorsque vous avez défini l’URL de votre projet dans le processus de configuration, Kameleoon a créé un script à installer sur votre projet, auquel vous pouvez accéder sur cette page. Copiez cet extrait de code et collez-le immédiatement après la balise <head> dans le code source de votre page web.
install
Après avoir ajouté l’extrait de code à la balise <head> de votre projet, cliquez sur Valider. Vous devrez répéter ces étapes pour chaque projet que vous configurez. Il est important de ne pas réutiliser le même extrait de code, car les outils de reporting et les objectifs Kameleoon sont spécifiques à un seul projet, et vous devez suivre les performances de vos projets séparément. Pour plus d’informations sur les outils de reporting et les objectifs, lisez notre article Outils de reporting et objectifs.

Implémenter Kameleoon sur un site ou une application web à l’aide d’un SDK web

Vous pouvez créer tous les types de campagnes avec cette méthode.
sdk
Si vous souhaitez installer Kameleoon sur un site ou une application web à l’aide d’un SDK, consultez cette documentation.

Implémenter Kameleoon sur une application mobile à l’aide d’un SDK mobile

Choisissez cette méthode si vous souhaitez créer :
  • des feature flags
  • des expériences SDK
Vous ne pouvez pas créer d’autres types de campagnes sur un projet ajouté avec cette méthode.
sdk
Si vous souhaitez installer Kameleoon sur une application mobile à l’aide d’un SDK, consultez cette documentation.

Options de configuration avancées

La page suivante s’affiche :
configuration
Elle se compose d’un en-tête, d’une barre de menu et de quatre sections déroulantes :
  • Général
  • Expérience
  • Personnalisation
  • Audience

En-tête

L’en-tête indique le nom du projet. Le menu Actions en haut à droite vous donne accès à deux actions différentes. Cliquez pour le faire défiler.
actions

Activer/Désactiver Kameleoon

Si Kameleoon est activé sur votre projet, l’option est Désactiver Kameleoon. S’il est désactivé, l’option est Activer Kameleoon. Si vous choisissez de désactiver Kameleoon, une fenêtre contextuelle de confirmation s’ouvrira et vous demandera de confirmer votre choix. Vos expériences et personnalisations ne seront plus visibles dans votre projet. Vos campagnes reprendront si vous réactivez Kameleoon.

Supprimer le projet

Lorsque vous cliquez sur cette option, une fenêtre contextuelle de confirmation apparaît. Vous devrez réinstaller le projet si vous changez d’avis.

Barre de menu

menu-bar
Vous trouverez ici quatre options :
  • Installation
  • Configuration
  • Indicateurs
  • Voir tous les projets.

Installation

setup
Ici, vous pouvez accéder à la page d’installation liée à votre projet.

Configuration

Général

general
Nom du site (facultatif)
Vous pouvez attribuer à votre site un nom unique. Ce nom sera utilisé à la place de l’URL partout sur la plateforme.
Description du projet
Vous pouvez ajouter une description de votre projet ici.
Comportement en cas de timeout
Vous pouvez redéfinir le comportement de Kameleoon lorsque le script dépasse son temps de chargement habituel. Par défaut, Kameleoon finira par se lancer avec un effet de clignotement. Les options disponibles sont :
  • Démarrer Kameleoon (avec effet de clignotement).
  • Désactiver Kameleoon pour cette page.
  • Désactiver Kameleoon pour toute la visite.
Support inter-domaines
Vous pouvez ajouter des URL de domaines autorisés. Par défaut, tout domaine sera autorisé à charger votre script Kameleoon et à accéder aux données Kameleoon associées à un utilisateur sur votre site web ou application mobile (telles que les données personnalisées définies), ce qui peut représenter un risque de sécurité. Pour chaque domaine ajouté, tous ses sous-domaines sont automatiquement inclus.
Script global
Le script global est un extrait de code JavaScript injecté au niveau global d’un site (ou projet) dans Kameleoon. Pour accéder au script global d’un projet, cliquez sur Admin > Paramètres > Configuration > Général. Faites défiler vers le bas pour trouver le script global. En termes simples, le script global :
  • S’exécute sur chaque page où le tag Kameleoon est chargé, avant toutes les expériences, personnalisations, segments et déclencheurs.
  • Définit des variables, des fonctions utilitaires ou du code de suivi qui devrait être disponible dans toutes les expériences du projet.
  • Sert d’emplacement central pour gérer le code partagé et éviter la duplication.
Les cas d’usage typiques incluent :
  • Définir des variables globales (par exemple, valeurs du dataLayer, type d’appareil).
  • Créer des fonctions utilitaires réutilisables (par exemple, formatage de date, journalisation).
  • Convertir des objectifs personnalisés (par exemple, revenu, ajout au panier) et définir des données personnalisées.
  • Déclencher des événements pour le ciblage.
  • Gérer la logique de consentement.
Bonnes pratiques :
  • Maintenez-le léger et optimisé pour éviter les problèmes de performance.
  • Documentez le contenu de votre script global — il affecte l’ensemble du projet.
Structure recommandée :
console.log('[Script Last Update]', new Date(Kameleoon.Internals.configuration.scriptProduceTime).toLocaleString());

class GlobalScript {
    handleConsent() {

    } // end of handleConsent

    triggerEvents() {

    } // end of triggerEvents

    convertGoalsAndSetCDs() {

    } //end of convertGoalsAndSetCDs

    configExternalTools() {

    } // end of configExternalTools

    init() {
         this.handleConsent();
         this.triggerEvents();
         this.convertGoalsAndSetCDs();
         this.configExternalTools();
    }
}; //end globalScript

const globalScript = new GlobalScript();
globalScript.init();
Fenêtre d’attribution
Ici, vous pouvez définir la durée de votre fenêtre d’attribution. La fenêtre d’attribution définit la période pendant laquelle les conversions et les revenus d’un visiteur sont attribués à une variation donnée. Par défaut, elle est fixée à sept jours. En savoir plus sur les fenêtres d’attribution
Devise
Par défaut, les paramètres de devise sont déterminés par le pays associé à votre compte. Cependant, vous avez la possibilité de gérer manuellement la devise projet par projet. Pour changer la devise de votre projet, sélectionnez la devise souhaitée dans le menu déroulant.
Paramètres avancés
  • Activer la prise en charge des sites web dynamiques : L’utilisation de cette option est recommandée si votre site web est une application web (Single Page App ou Progressive Web App, par exemple) avec des URL virtuelles. Cette option permet à Kameleoon de voir chaque changement d’URL virtuelle et permet au ciblage par URL de fonctionner normalement. En savoir plus ici et ici.
  • Utiliser le symbole # dans tous les paramètres d’URL Kameleoon (au lieu de « ? ») : Certaines fonctionnalités Kameleoon (liens de simulation, éditeur graphique) nécessitent l’ajout de paramètres supplémentaires aux URL de votre site web. Par défaut, ces paramètres sont ajoutés à la fin de l’URL après un symbole ?. Certains sites web sont incompatibles avec cette syntaxe, tandis que d’autres sont incompatibles avec le symbole #. Cochez cette option pour passer au symbole # si vous remarquez des problèmes avec le comportement par défaut. Veuillez noter que cela ne concerne que les URL modifiées pendant que vous (ou un autre utilisateur autorisé) utilisez Kameleoon. Kameleoon ne modifie jamais les URL pour vos visiteurs.
  • Générer le code de tous les widgets graphiques en utilisant JS avec shadow DOM : L’utilisation de JS avec shadow DOM isolera le CSS des widgets de celui utilisé sur votre site web pour éviter toute incompatibilité. Si vous activez cette option, les widgets déjà utilisés dans une campagne seront automatiquement mis à jour lorsque le statut de la campagne change. Si vous utilisez des noms de classes CSS de votre site web dans vos widgets, les styles peuvent ne pas s’appliquer correctement.
  • Exclure les adresses IP des résultats de vos tests : Si vous activez cette option, les visiteurs associés aux adresses IP saisies ne seront plus comptés dans les pages de résultats des tests que vous exécutez sur ce site web.
    • Vous devez utiliser cette option principalement pour exclure l’adresse IP de votre bureau ou toute autre IP interne susceptible d’interférer avec des résultats de test précis. Comme l’exclusion est effectuée côté client, vous ne devez pas inclure d’adresses IP personnelles dans la liste d’exclusion.
  • Site web responsive : Indique si votre site web s’adapte automatiquement à différentes tailles d’écran. Désactivez cette option si votre site utilise une version mobile distincte qui n’apparaît pas lors du redimensionnement de la fenêtre du navigateur. Lorsqu’elle est désactivée, Prompt-Based Experimentation (PBX) actualise l’aperçu lorsque vous changez de taille d’appareil pour garantir l’affichage de la version correcte. Ce paramètre s’applique à tous les projets mais n’affecte que PBX.

Expérience

experiment
Politique de consentement
Pour en savoir plus sur la configuration du consentement légal, lisez notre article à ce sujet.
Comportement lorsque le consentement est inconnu
Pour en savoir plus sur la configuration du consentement légal, lisez notre article à ce sujet.
Comportement en cas d’opt-out
Pour en savoir plus sur la configuration du consentement légal, lisez notre article à ce sujet.
Lancement de l’éditeur
Cette option vous permet d’accéder à l’éditeur Kameleoon à l’aide du raccourci clavier Shift + F2. Par défaut, l’option est ON. Pour la désactiver, cliquez sur le bouton pour passer à OFF.
Rapport de résultats
Activez (ON) ou désactivez (OFF) le rapport de résultats avec cette option.
Script de sélection de variation
Un script de sélection de variation est un script qui force l’affichage d’une variation en fonction de règles spécifiques. Saisissez le code complet du script ici pour l’utiliser avec Kameleoon.
Fiabilité nécessaire pour la détermination d’une variation gagnante
En modifiant ce pourcentage, vous pouvez définir le seuil au-dessus duquel une variation est gagnante (par exemple, une fiabilité nécessaire de 95 % signifie que vous acceptez un maximum de 5 % de faux positifs). Les variations dont la fiabilité est inférieure au taux défini ne peuvent pas être présentées comme variations gagnantes dans vos résultats, quelles que soient leurs conversions. Le score de fiabilité a un impact sur les résultats présentés par Kameleoon ; nous vous recommandons donc de modifier ce paramètre avec parcimonie.

Personnalisation

personalization
Politique de consentement
Pour en savoir plus sur la configuration du consentement légal, lisez notre article à ce sujet.
Comportement lorsque le consentement est inconnu
Pour en savoir plus sur la configuration du consentement légal, lisez notre article à ce sujet.
Comportement en cas d’opt-out
Pour en savoir plus sur la configuration du consentement légal, lisez notre article à ce sujet.
Exclure des visiteurs
Vous pouvez définir un taux de visiteurs qui ne sera pas exposé à vos personnalisations. Nous vous conseillons de conserver une population témoin non exposée pour déterminer l’efficacité de vos personnalisations. Pour en savoir plus sur les groupes témoins
Options avancées
Par défaut, Kameleoon permet l’affichage de plusieurs personnalisations similaires sur une page (par exemple, deux pop-ins ou deux images insérées au même endroit). Vous pouvez toutefois empêcher l’affichage simultané en faisant passer le bouton OFF à ON. Une fois vos modifications terminées, cliquez sur Enregistrer pour enregistrer vos paramètres. Si vous souhaitez réinitialiser les options par défaut du projet, cliquez sur Réinitialiser.
reset

Indicateurs

indicators
Cette page affiche les indicateurs mesurés sur votre projet.
Vous pouvez construire vos objectifs en fonction des métriques que vous mesurez pour ce projet. Nous vous recommandons de configurer de nombreuses métriques, afin de pouvoir cibler vos visiteurs avec plus de précision. Par exemple, si la métrique Temps passé est mesurée, vous pouvez définir l’objectif Le visiteur a passé plus de 5 minutes sur la page.
La désactivation des indicateurs arrêtera leur suivi et rendra les objectifs et options de ciblage associés inactifs.