A/B Testing
Vous souhaitez afficher un widget en particulier en fonction de l'utrl ou d'un UTM

1 -Présentation Vidéo

2 - 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 :
1
el.setAttribute('data-cookies-domain', 'Nom de domaine');
2
// Ici on switche la version selon que les paramètres URL de la page contiennent
3
// utm_source=maif ou pas.
4
if (window.location.href.match('Facebook')){
5
el.setAttribute('data-cookies-version','version Facebook');
6
}
7
if (window.location.href.match('Linkedin')){
8
el.setAttribute('data-cookies-version','version Linkedin');
9
}
10
else {
11
el.setAttribute('data-cookies-version','version Normale');
12
}
13
14
window._axcb = [function(axeptio){
15
var cookiesLink = document.getElementById('cookies');
16
if(cookiesLink) {
17
cookiesLink.addEventListener('click', function(){
18
axeptio.openAxeptioCookies();
19
});
20
}
Copied!
Ce qui donne :
1
var el = document.createElement('script');
2
el.setAttribute('src', 'https://static.axept.io/sdk.js');
3
el.setAttribute('type', 'text/javascript');
4
el.setAttribute('async', true);
5
el.setAttribute('data-id', '5e1748dea2db270f66a1b048');
6
el.setAttribute('data-cookies-domain', 'Nom_de_domaine');
7
// Ici on switche la version selon que les paramètres URL de la page contiennent
8
// utm_source=maif ou pas.
9
if (window.location.href.match('Facebook')){
10
el.setAttribute('data-cookies-version','version Facebook');
11
}
12
if (window.location.href.match('Linkedin')){
13
el.setAttribute('data-cookies-version','version Linkedin');
14
}
15
else {
16
el.setAttribute('data-cookies-version','version Normale');
17
}
18
19
window._axcb = [function(axeptio){
20
var cookiesLink = document.getElementById('cookies');
21
if(cookiesLink) {
22
cookiesLink.addEventListener('click', function(){
23
axeptio.openAxeptioCookies();
24
});
25
}
26
}];document.body.appendChild(el);
Copied!

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 :
1
// Liste des différentes versions sur lesquelles mener les tests
2
var versions = ["version_A", "version_B", "version_C"]; /// TODO CHANGER ICI
3
// Si l'utilisateur a déjà eu une version en particulier, on la lui ressert
4
var version = window.localStorage.getItem("axeptio_cookies_version");
5
// Sinon, on va la picker aléatoirement dans la tableau
6
if (!version) {
7
version = versions[Math.floor(Math.random() * versions.length)];
8
// Et enregistrer la version en question.
9
window.localStorage.setItem("axeptio_cookies_version", version);
10
}
11
window.axeptioSettings = {
12
clientId: "5c3c5a155a51d93d6b7bc156", /// TODO CHANGER ICI
13
cookiesVersion: version,
14
};
15
(function (d, s) {
16
var t = d.getElementsByTagName(s)[0],
17
e = d.createElement(s);
18
e.async = true;
19
e.src = "//static.axept.io/sdk.js";
20
t.parentNode.insertBefore(e, t);
21
})(document, "script");
Copied!
Félicitation 🥳