Ajouter et modifier du JavaScript dans la variation de l'expérience

Prérequis

access token

L’Automation API nécessite un access token. Récupérez le token de manière programmatique en suivant les instructions de la section obtention d’un access token.

Objectif

Mettez à jour la variation (Variation 1) de l’expérience créée avec :

Kameleoon.API.Core.runWhenElementPresent("#bloc-567, .cta-button, #bloc-789", function(elements) {
  document.querySelector(".cta-button, #bloc-789").innerText = "More new text";
});

Puis modifiez le texte en « Updated Text ». Consultez la référence de l’API pour les détails du code. La mise à jour utilise l’endpoint Partial Update Variation.

variationId et experimentId

Trouvez les IDs en sélectionnant Experiment_1 dans le dashboard :

Étapes

1. Injecter le code JavaScript

Endpoint :

PATCH https://api.kameleoon.com/variations/{variationId}

Nom	Type	Description
jsCode	String	Code JavaScript à mettre à jour.
name	String	Nom de la variation.
experimentId	String	L’ID de l’expérience associée au code.

Exemple :

curl -L -X PATCH 'https://api.kameleoon.com/variations/1053310' \
-H 'Content-Type: application/json' \
-H 'Authorization: Bearer <ACCESS_TOKEN>' \
--data-raw '{
  "experimentId": 283505,
  "jsCode": "Kameleoon.API.Core.runWhenElementPresent(\".cta-button, #bloc-789\", function(elements) { document.querySelector(\".cta-button, #bloc-789\").innerText = \"Text\";});"
}'

2. Vérifier l’injection du code

Vérifiez l’éditeur de code pour Variation 1 :

3. Mettre à jour le code

Modifiez le texte en « Updated Text » :

curl -L -X PATCH 'https://api.kameleoon.com/variations/1053310' \
-H 'Content-Type: application/json' \
-H 'Authorization: Bearer <ACCESS_TOKEN>' \
--data-raw '{
  "experimentId": 283505,
  "jsCode": "Kameleoon.API.Core.runWhenElementPresent(\"#bloc-567, .cta-button\", function(elements) { document.querySelector(\".cta-button, #bloc-789\").innerText = \"Updated Text\";});"
}'

4. Vérifier la mise à jour

Actualisez l’éditeur pour confirmer la mise à jour :

Ajouter un objectif et un segment avant de lancer une expérience

Récupérer le code JS et CSS des expériences

⌘I

​Prérequis

​Objectif

​Étapes

​1. Injecter le code JavaScript

​2. Vérifier l’injection du code

​3. Mettre à jour le code

​4. Vérifier la mise à jour