Comment mettre Google traduction sur un site web ?

1 Réponse

répondu par Antoine 06-Avril-2022

Google met à disposition son outil Google traduction pour les webmasters. Pour mettre Google traduction sur un site web, il vous suffit de :

Créer une balise <div> où le menu de choix de langue s'affichera.
Ajouter la fonction JavaScript fournie par Google.
Spécifier la langue d'origine dans le code JavaScript.
Appeler l'API de Google traduction.

Voici un exemple pour mettre Google traduction sur son site web pour que l'internaute puisse traduite une page dans la langue de son choix :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Comment mettre Google traduction sur un site web ?</title>
</head>
<body>
  <p>Bonjour, cette page est écrite en français</p> 
  <div id="menu_traduction"></div>   
  <script> 
  function googleTranslateElementInit(){ 
    new google.translate.TranslateElement({pageLanguage: 'fr'}, 'menu_traduction'); 
  } 
  </script>     
  <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
</body>
</html>

commentée par anonyme 12-Novembre-2022

commentée par Antoine 12-Novembre-2022

Tout en utilisant la méthode ci-dessus, le seul moyen de traduire une portion d'un site Web est d'ajouter l'attribut translate, avec sa valeur no, aux contenus qui ne doivent pas être traduits :

<p translate="no">Ce paragraphe ne doit pas être traduit</p>

Pour traduire un site automatiquement, sans qu'apparaisse les références à Google, et tout en utilisant Google translate, vous devez utiliser leur API, et celle-ci est payante.

Une autre alternative, tout en utilisant la partie gratuite de Google Translate, est de charger votre site via l'URL de Google Translate.

Exemple avec la page d'accueil d'1FORMATIK.com : https://www-1formatik-com.translate.goog/?_x_tr_sl=fr&_x_tr_tl=en

Si cette dernière solution vous convient, il vous suffit de détecter la langue du navigateur puis ensuite de rediriger l'utilisateur vers la bonne URL comme explicité ci-dessus.

Voici un exemple pour traduire automatiquement le site de la BBC dans la langue du navigateur :

<script>
var langue_navigateur = navigator.language || navigator.userLanguage; 
var langue = langue_navigateur.slice(0,2);
window.location.replace("https://www-bbc-com.translate.goog/?_x_tr_sl=en&_x_tr_tl=" + langue + "");
</script>

commentée par anonyme 14-Novembre-2022

Comment mettre Google traduction sur un site web ?

Votre réponse

Previsualisation

1 Réponse

Votre commentaire sur cette réponse

Previsualisation

Questions liées

Mots clés les plus utilisés