Chargement dynamique des configurations via code personnalisé

Cet article fait partie de la série Adapter votre bandeau à chaque version de votre site.

Avant de suivre le guide ci-dessous, assurez-vous d’avoir pris connaissance de l’article de présentation générale Choisissez la méthode adaptée pour charger le bon bandeau Axeptio.

Cet article fait partie de la série Adapter votre bandeau à chaque version de votre site.

Avant de suivre le guide ci-dessous, assurez-vous d’avoir pris connaissance de l’article de présentation générale Choisissez la méthode adaptée pour charger le bon bandeau Axeptio.

Via la langue du navigateur :

// Modifier la valeur 000000000000000 par votre id window.axeptioSettings = {  clientId: '000000000000000',  cookiesVersion: {    type: "browser_locale",    cases: {      default: "-en",      "fr-FR": "-fr",      "it-IT": "-it",    }  }};(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");

Via une fonction personnalisée :
Par exemple, en se basant sur le paramètre "lang" de la page

// Modifier la valeur 000000000000000 par votre id 
window.axeptioSettings = {
  clientId: '000000000000000',
  cookiesVersion: {
    type: "custom_function",
    config: {
      function: () => {
        return document.documentElement.lang;
      }
    },
    cases: {
      default: "-en",
      "fr-FR": "-fr",
      "it-IT": "-it",
    }
  }
};

(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");

Le nom de la version à renseigner pour chaque cas (dans les exemples ci-dessus : "-en", "-fr", "-it") est trouvable ici :

Cas particulier des sites sans rechargement : gérer la mise à jour dynamique de la configuration Axeptio

Sur certains sites modernes, comme les applications monopage (SPA) où le changement de langue ne recharge pas la page, le bandeau Axeptio reste figé dans la langue initiale.

Pour gérer ce cas, il est possible d’utiliser une fonction JavaScript du SDK Axeptio permettant de modifier la langue du widget à la volée, sans recharger la page.

Cette manipulation nécessite un peu de code et s’adresse à un public ayant des connaissances techniques. Pour la plupart des sites classiques où la langue est liée à l’URL et provoque un rechargement, cette étape n’est pas nécessaire.

Là où vous effectuez votre changement de langue en Javascript, il vous faudra rajouter la fonction Axeptio axeptioSDK.setCookiesVersion(), pour changer la version du widget dynamiquement.

Cette fonction prend en paramètre l’identifiant de la version à charger.

Par exemple, j’ai ici trois versions :

Capture_d_e_cran_2022-08-25_a__15.34.42.png

Les identifiants de mes trois versions sont “it-version”, “fr-version”, et “en-version”.

Si je traduis mon site en italien, il me suffira d’appeler ensuite la fonction axeptioSDK.setCookiesVersion(’it-version’).