Highwind et Kameleoon travaillent ensemble : tu construis ton site en discutant avec l’agent, puis tu le testes avec Kameleoon (A/B tests, personnalisation, feature flags) sans changer d’outil. Tu crées tes objectifs en cliquant dans l’aperçu, tu prépares tes expériences et leurs variations, l’agent écrit le code des variations, et tu lis les résultats dans l’éditeur.
L’intégration repose sur trois éléments complémentaires. Le premier suffit pour installer Kameleoon sur ton site ; les deux autres te permettent de piloter ton compte depuis Highwind.
1. Le connecteur de l'app
Il relie ton site à ton projet Kameleoon grâce au code du site. L’agent installe le tag Kameleoon
(engine.js, avec anti-scintillement) dans index.html, relie le consentement à ton bandeau cookies et tes
objectifs aux bons moments du parcours. Pour les feature flags, il peut aussi utiliser le SDK JavaScript de
Kameleoon dans le code.
2. La source de contexte
Elle relie l’agent à ton compte Kameleoon grâce à tes identifiants API. L’agent lit tes sites, expériences, feature flags, objectifs et résultats. Il ne modifie ton compte que si tu l’autorises, et seulement quand tu le lui demandes.
3. Le panneau Kameleoon
Un troisième mode du panneau de gauche de l’éditeur : Chat | Design | Kameleoon. Tu y vois les expériences et les objectifs du site, tu crées des expériences, des variations et des objectifs, tu lances un test et tu calcules ses résultats.
| Connecteur de l’app | Source de contexte | Panneau Kameleoon | |
|---|---|---|---|
| Ce que tu fournis | Le code du site (public) | Client ID et client secret de ton compte | Rien de plus |
| Où ça se règle | Dans le chat (@Kameleoon) ou les paramètres du projet |
Page Connecteurs | S’affiche tout seul dans l’éditeur |
| Ce que ça permet | Tag, consentement, objectifs ou SDK dans le code de l’app | L’agent lit (et, si tu l’autorises, modifie) ton compte | Gérer expériences, variations, objectifs et résultats |
Le panneau Kameleoon apparaît quand les deux premières pièces sont en place : ton compte est connecté et le projet est relié à un site de ce compte. Tout est détaillé dans Mise en place.
Voici le chemin type, du site vide au test qui tourne.
Construis ton site. Décris-le dans le chat, itère jusqu’à ce qu’il te plaise, puis clique sur Publier : les expériences Kameleoon s’appliquent au site publié.
Ajoute Kameleoon à l’app. Mentionne @Kameleoon dans le chat (l’entrée de la catégorie Analytics) avec
une demande comme « Ajoute Kameleoon pour faire des A/B tests », et colle le code du site quand la carte le demande. L’agent installe le tag dans index.html. Publie à nouveau
pour que le tag soit en ligne.
Prépare ton projet Kameleoon. Active le support des sites dynamiques (indispensable pour une app React), choisis ta politique de consentement et déclare l’adresse de ton site publié.
Connecte ton compte. Sur la page Connecteurs, connecte la source Kameleoon avec ton client ID et ton client secret, puis active Autoriser l’agent à modifier si tu veux créer des tests depuis Highwind.
Crée un objectif en cliquant. Passe en mode Kameleoon, onglet Objectifs, Nouvel objectif, puis Choisir dans l’aperçu : clique sur le bouton à suivre (« S’inscrire », « Acheter »…). Highwind propose le sélecteur CSS et le nom de l’objectif.
Crée une expérience et ses variations. Onglet Expériences, Nouvelle expérience : un nom, la page testée, ton hypothèse. Ajoute des variations si besoin, puis relie ton objectif et désigne-le comme objectif principal.
Fais écrire le code des variations. Dans une variation, clique sur Demander à l’agent : le chat est pré-rempli avec l’expérience et la variation, tu complètes (« change le titre du hero en … ») et l’agent écrit le JavaScript et le CSS dans Kameleoon. Tu peux aussi les écrire toi-même dans l’éditeur de code du panneau.
Lance le test. Lancer, puis confirme : les visiteurs du site publié sont répartis entre l’original et les variations.
Lis les résultats. Dans l’expérience, Calculer les résultats : conversion, amélioration et fiabilité par objectif, et le badge Gagnante quand une variation l’emporte nettement.
