A/B Testing

Vous souhaitez afficher un widget en particulier en fonction de l'utrl ou d'un UTM

Détail de la configuration

Dans ce cas précis nous souhaitons afficher un widget spécifique en fonction de l'UTM de provenance de votre utilisateur. Pour cela il est nécessaire de créer plusieurs versions des cookies avec un nom de version reconnaissable.

Il est important de faire apparaître un UTM avec le mot Facebook ou Linkedin dans les URLs en fonction de la provenance de l'internaute

Vous pouvez ensuite aller récupérer le Sdk à intégrer sur votre site

Enfin, lors de l'intégration du SDK il faudra simplement rajouter le code suivant :

el.setAttribute('data-cookies-domain', 'Nom de domaine');
// Ici on switche la version selon que les paramètres URL de la page contiennent
// utm_source=maif ou pas.
   if (window.location.href.match('Facebook')){
   el.setAttribute('data-cookies-version','version Facebook');
 }
   if (window.location.href.match('Linkedin')){
   el.setAttribute('data-cookies-version','version Linkedin');
 }
 else {
   el.setAttribute('data-cookies-version','version Normale');
 }

window._axcb = [function(axeptio){
  var cookiesLink = document.getElementById('cookies');
  if(cookiesLink) {
    cookiesLink.addEventListener('click', function(){
      axeptio.openAxeptioCookies();
    });
  }

Ce qui donne :

var el = document.createElement('script');
el.setAttribute('src', 'https://static.axept.io/sdk.js');
el.setAttribute('type', 'text/javascript');
el.setAttribute('async', true);
el.setAttribute('data-id', '5e1748dea2db270f66a1b048');
el.setAttribute('data-cookies-domain', 'Nom_de_domaine');
// Ici on switche la version selon que les paramètres URL de la page contiennent
// utm_source=maif ou pas.
   if (window.location.href.match('Facebook')){
   el.setAttribute('data-cookies-version','version Facebook');
 }
   if (window.location.href.match('Linkedin')){
   el.setAttribute('data-cookies-version','version Linkedin');
 }
 else {
   el.setAttribute('data-cookies-version','version Normale');
 }

window._axcb = [function(axeptio){
  var cookiesLink = document.getElementById('cookies');
  if(cookiesLink) {
    cookiesLink.addEventListener('click', function(){
      axeptio.openAxeptioCookies();
    });
  }
}];document.body.appendChild(el);

Répartir les visiteurs entre plusieurs versions du widget

Vous pouvez répartir les visiteurs entre différentes versions de votre widget. Pour cela, il vous faudra ajouter la fonction Javascript suivante dans la balise HTML d'Axeptio :

// Liste des différentes versions sur lesquelles mener les tests
var versions = ["version_A", "version_B", "version_C"];  /// TODO CHANGER ICI
// Si l'utilisateur a déjà eu une version en particulier, on la lui ressert
var version = window.localStorage.getItem("axeptio_cookies_version");
// Sinon, on va la picker aléatoirement dans la tableau
if (!version) {
  version = versions[Math.floor(Math.random() * versions.length)];
  // Et enregistrer la version en question.
  window.localStorage.setItem("axeptio_cookies_version", version);
}
window.axeptioSettings = {
  clientId: "5c3c5a155a51d93d6b7bc156", /// TODO CHANGER ICI
  cookiesVersion: version,
};
(function (d, s) {
  var t = d.getElementsByTagName(s)[0],
    e = d.createElement(s);
  e.async = true;
  e.src = "//static.axept.io/sdk.js";
  t.parentNode.insertBefore(e, t);
})(document, "script");

Félicitation 🥳