Passer au contenu principal

Ajouter un bouton pour choisir sa langue 🌍

Switchez d'une langue Ă  une autre via un bouton

Langue par défaut

Si votre campagne est configurée en plusieurs langues, l'utilisateur aura la version du jeu correspondant à la langue de son navigateur par défaut. Si le navigateur est en anglais et qu'une version anglaise est configurée sur la campagne, le jeu s'affichera en anglais.


Choisir sa langue avec un bouton

Vous pouvez permettre à l'utilisateur de choisir la langue de son jeu en mettant un ou plusieurs boutons sur la page d'accueil. Au clic sur ce bouton, l'utilisateur sera redirigé vers la langue de son choix.

1Úre possibilité

  • Allez sur une page et cliquez sur l'onglet "Boutons"

  • Ajoutez un bouton et cliquez dessus

Une popin apparaßt en bas à gauche de votre écran, vous pouvez alors configurer le bouton de la maniÚre suivante :

  • Actions : Ouvrir une nouvelle page

  • Type d'URL : URL externe

  • Renseignez votre url : il s'agit de l'url de votre jeu, suivie d'un paramĂštre permettant de changer la langue du jeu, par exemple “?lg=fr_fr” pour la langue française.

Exemple : mon jeu est publiĂ© sur l’url par dĂ©faut https://adbx.io/dĂ©mo. Ce jeu est configurĂ© dans toutes les langues disponibles sur la plateforme. Je vais donc ajouter un bouton sur la page d’accueil et pour chacune des versions, voici l’url que je vais indiquer :

Si mon jeu est publiĂ© sur une URL dĂ©diĂ©e, il faut donc que je remplace dans les urls ci-dessus l’url adbx par le nom de domaine personnalisĂ©.

Exemple : mon jeu est publié sur https://jeu.adictiz.com/demo ainsi, toutes les urls seront donc : https://jeu.adictiz.com/demo?language=...

2Úme possibilité

IntĂ©grez un script dans le Header de votre campagne, cela aura pour intĂ©rĂȘt d'aller plus vite en Ă©vitant de devoir modifier l'ensemble des URLs des boutons.

1. Aller dans l'onglet "ParamĂštres"

2. Section "Header/Footer"

3. Renseigner ce script sur les plateformes mobiles et web :

<script>
window.changeLanguage = function(lang) {
var url = new URL(window.location.href);
var searchParams = new URLSearchParams(url.search);
searchParams.set('language', lang);
url.search = searchParams.toString();
window.location.href = url.toString();
}
</script>

3. Renseigner la valeur "1" dans la hauteur du header (en pixels) sur mobile et web

4. Aller sur une page et cliquez sur l'onglet "Boutons"

5. Ajouter un bouton et cliquez dessus

Une popin apparaßt en bas à gauche de votre écran, vous pouvez alors configurer le bouton de la maniÚre suivante :

6. Activer l'Appel JS

7. Renseigner le contenu : changeLanguage('en')

Remplacez le contenu entre guillemets ('xx') par le code de la langue souhaitée. Par exemple, pour passer à la version française, utilisez `changeLanguage('fr')`.

Cette configuration permet aux participants de changer de langue sans quitter la page, évitant ainsi d'avoir à modifier tous les boutons lors d'un changement d'URL, par exemple.

💡 Pour en savoir plus sur la configuration d'une campagne multilingue, veuillez consulter cet article.

Avez-vous trouvé la réponse à votre question ?