Chez Axeptio on adore la diversité. C'est un peu notre leitmotiv. Alors en plus de l'appliquer à notre (superbe et magnifique... oh ça va hein !) équipe, on l'applique aussi à nos cookies. Devinez quoi, ils sont polyglottes.
Alors voilà ce que nous vous proposons pour faire parler vos cookies :
- Parle cookie, parle !
- Intégration via le backoffice
- Intégration technique
A. Intégration dans le script Axeptio
B. Intégration via notre modèle Google Tag Manager
1. Parle cookie, parle !
Pour faire parler vos cookies, il y a deux possibilités. La première, via une intégration depuis le back-office d'Axeptio. La deuxième, un peu plus technique, directement dans le code de votre site.
Mais avant cela, une première étape est nécessaire. Il va falloir créer autant de configurations que de langues. Une configuration en français pour la France 🇫🇷, une configuration en espagnol pour l'Espagne 🇪🇸, une configuration portugaise pour le Portugal 🇵🇹... Vous voyez ?
✅ Dans chaque configuration, il vous est possible de traduire l'ensemble de vos textes
2. Intégration via le backoffice
Afin d'intégrer rapidement le widget en multilingue sur votre site, nous avons mis en place un système de regex dans notre backoffice, rubrique "Intégrez sur votre site"
⚠️ Pour les non-initiés, une regex (ou expression régulière en français 🇫🇷) est une chaîne de caractères qui décrit, selon une syntaxe précise, un ensemble de chaînes de caractères possibles 🤯
Ok super. Mais concrètement, qu'est-ce-que ça veut dire ?
Pour notre site, nous avons utilisé cette fonctionnalité. Dans l'exemple ci-dessous, il s'agit de la configuration pour la version anglaise. Comme vous pouvez le voir, il nous a suffi de rajouter en.* à la suite de notre nom de domaine.
✅ N'oubliez pas de cocher la case RegExp !
3. Intégration technique
A. Intégration dans le script Axeptio
Plusieurs méthodes sont disponibles pour charger la bonne version en toute situation !
📞 Allo cookie, ici lang !
Cette intégration technique est également possible via Google Tag Manger.
- 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 :
B. Intégration via notre modèle Google Tag Manager
Dans le cas d'un site multilingue, vous pouvez mettre une variable dans le champ Cookies Version de votre balise Axeptio afin d'avoir la bonne bannière qui s'affiche en fonction de la langue.
Voici un exemple :
-
Créez une variable qui récupère la langue du site. Par exemple en se basant sur le paramètre "lang" de la balise HTML :
-
Créez un tableau de correspondance, qui prendre la variable langue en entrée, et la cookie version correspondante en sortie :
-
Mettez cette variable Tableau de conversion dans le champ Cookie Version de la balise Axeptio CMP :
✅ Bravo ! La gestion des langues est maintenant bien configurée !