Comment intégrer Google Translate dans votre site Web pour un contenu multilingue ?

Intégrer Google Translate à votre site Web

Google Translate offre un moyen pratique de proposer plusieurs options linguistiques pour le contenu de votre site Web. Deux extraits de code, trouvés sur Google Translate et HTML-5-Tutorial, remplissent cet objectif avec de légères variations.

Le premier extrait installe le widget de traduction sans options de sélection de langue, tandis que le second inclut une zone de sélection personnalisable pour permettre les utilisateurs peuvent choisir leur langue préférée. Toutefois, le deuxième extrait nécessite une certaine personnalisation pour fonctionner à la fois sur les sites locaux et en ligne.

Pour implémenter Google Translate avec le deuxième extrait, procédez comme suit :

1. Collez le balisage suivant dans le HTML de votre site Web :

<code class="html"><div id="google_translate_element"></div>
<script>
  function googleTranslateElementInit() {
    new google.translate.TranslateElement(
      { pageLanguage: 'en' },
      'google_translate_element'
    );
  }
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></code>

2. Personnalisez l'option pageLanguage selon la langue par défaut du contenu de votre site Web.
3. Stylez le widget de traduction comme vous le souhaitez à l'aide de CSS.

Avec ces modifications, le widget Google Translate de HTML-5-Tutorial devrait fonctionner à la fois localement et sur un site Web en direct, offrant à vos utilisateurs une sélection de langue et des options de traduction transparentes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!