Vous utilisez Axeptio pour gérer les cookies de votre site, vous avez un site en plusieurs langues et vous souhaitez que pour chaque langue, le bandeau d’axeptio soit traduit ? Ne vous inquiétez plus, Digidop vient à votre secours.

Dans notre tutoriel, nous allons vous montrer comment traduire le bandeau de cookies Axeptio quelle que soit la langue utilisée et sans passer par Weglot.

Etape 1 : Configuration Axeptio

La première étape de ce tutoriel, va consister à vous connecter à votre compte Axeptio. Une fois connecté à cet outil, vous allez ensuite aller dans votre projet, puis vous allez cliquer sur “Gestion des cookies”.

A partir de là, vous allez voir toutes les configurations déjà existantes. Logiquement, il devrait n’y en avoir qu’une (celle présente sur votre site).

Dans cette étape, il va falloir créer autant de configurations que de langues présentes sur votre site web. Si votre site possède une version française, anglaise et allemande, il faudra avoir 3 configurations (une en FR, une en EN et une en DE). Pour chaque configuration, vous allez pouvoir traduire les textes présents sur le bandeau de cookies. Nous vous recommandons d’utiliser DeepL pour la traduction, si vous ne maitrisez pas totalement une des langues.

Il est important de bien nommer vos configurations, cela vous aidera plus tard.

Etape 2 : Publication & Intégration

Lorsque vos configurations ont été faites, vous pouvez publier votre projet sur Axeptio. Nous allons maintenant passer à la partie d’intégration sur votre site web.

Apprendre à intégrer Google Tag Manager sur Webflow !

Il y a deux méthodes pour faire apparaître le bon bandeau de cookies (la bonne configuration) sur son site internet selon la langue. Cela va principalement dépendre de si votre site est en sous-répertoire ou en sous-domaine.

2.1 Via Axeptio si sous-répertoire

Si votre site web est traduit en plusieurs langues et utilisent des sous-répertoires, vous allez pouvoir intégrer les modifications directement depuis Axeptio.

Vous pourrez réaliser cela grâce aux Regex. Pour ce faire, pour chaque configuration, il faudra répéter le schéma suivant :

• Ouvrir votre configuration
• Cliquer sur “Intégrez sur votre site” ou “Intégration des cookies sur votre site”
• Dans la section “Charger cette version sur les pages suivantes”, cliquer sur “Ajouter une page”
• Définir une Regex à la suite de votre nom de domaine (Par exemple pour la version allemande, on insérerait : de.*, pour la version française : fr.*, etc.)
• Cliquer sur “RegExp”
• Cliquer sur “Enregistrer et fermer”
• Publier la configuration

2.2 Via Custom Code si sous-domaine

Si vous utilisez Weglot pour traduire votre site dans plusieurs langues, vous avez peut-être activé les sous-domaines. Si c’est le cas, il faudra suivre cette méthode.

Vous allez devoir copier-coller le code ci-dessous dans le Footer Code de votre site en modifiant les paramètres selon votre configuration. Si vous aviez déjà un code Axpetio, supprimez-le et remplacez-le par le nouveau.

Dans le code, il faudra modifier le clientID, l’attribut lang selon votre configuration et le nom de la configuration pour chaque langue. Voici une liste des différents attributs HTML Lang. Ensuite, vous n’avez plus qu’à publier votre site.

<script>
// Modifier la valeur 000000000000000 par votre id
window.axeptioSettings = {  clientId: '000000000000000',};

if (document.documentElement.lang === 'fr') {
  window.axeptioSettings.cookiesVersion = 'Nom de la config FR';
}

if (document.documentElement.lang === 'en') {
  window.axeptioSettings.cookiesVersion = 'Nom de la config EN';
}

if (document.documentElement.lang === 'de') {
  window.axeptioSettings.cookiesVersion = 'Nom de la config DE';
}

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

Voilà, votre configuration est maintenant terminée et votre bandeau de cookies est traduit selon la langue de votre site web. De plus vous êtes en conformité avec le RGDP et les données de vos utilisateurs sont protégées. Si vous avez besoin d’aide pour la configuration, vous pouvez contacter notre agence no-code. Sinon, vous pouvez retrouver l’alternative native à Axeptio dans Webflow.