miércoles, 10 de agosto de 2022

Cómo poner TRADUCTOR DE GOOGLE en mi sitio web [HTML] Google Translate

 

Colocar el TRADUCTOR DE GOOGLE [GOOGLE TRANSLATE] en HTML

Hola queridos lectores el tutorial del día de hoy lo escribo, basado en el caso de un cliente que necesita utilizar el traductor de Google en su sitio web, pero como a muchos les habrá pasado ya no esta disponible la herramienta para crear el código es por esto que decidí explicarlo aca.

Lo primero será copiar el siguiente código:


<div id="google_translate_element">
</div>
<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'es'}, 'google_translate_element');
  }
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script><div class="translate"></div>



A continuación reemplaza el fragmento de código que esta marcado en amarillo declarando el idioma en que esta tu sitio web. El traductor mostrará todas las opciones de idioma de traducción exceptuando el idioma declarado, es corresponde a español, en el listado a continuación podrás encontrar el correspondiente a cada idioma:

  • af=Afrikaans
  • ar=Arabic
  • hy=Armenian
  • az=Azerbaijani
  • eu=Basque
  • be=Belarusian
  • bn=Bengali
  • bg=Bulgarian
  • ca=Catalan
  • zh-CN=Chinese (Simplified)
  •  zh-TW=Chinese (Traditional)
  • hr=Croatian
  • cs=Czech
  • da=Danish
  • nl=Dutch
  • eo=Esperanto
  • et=Estonian
  • tl=Filipino
  • fi=Finnish
  • fr=French
  • gl=Galician
  • ka=Georgian
  • de=German
  • el=Greek
  • gu=Gujarati
  • ht=Haitian Creole
  • iw=Hebrew
  • hi=Hindi
  • hu=Hungarian
  • is=Icelandic
  • id=Indonesian
  • ga=Irish
  • it=Italian
  • ja=Japanese
  • kn=Kannada
  • ko=Korean
  • la=Latin
  • lv=Latvian
  • lt=Lithuanian
  • mk=Macedonian
  • ms=Malay
  • mt=Maltese
  • no=Norwegian
  • fa=Persian
  • pl=Polish
  • pt=Portuguese
  • ro=Romanian
  • ru=Russian
  • sr=Serbian
  • sk=Slovak
  • sl=Slovenian
  • en=English
  • sw=Swahili
  • sv=Swedish
  • ta=Tamil
  • te=Telugu
  • th=Thai
  • tr=Turkish
  • uk=Ukrainian
  • ur=Urdu
  • vi=Vietnamese
  • cy=Welsh
  • yi=Yiddish
Luego deberás pegar el código dentro de la etiqueta <body></body>, en la sección donde deseas que se muestre el traductor.


El resultado debería verse algo así:






Espero que te sea de utilidad y si tienes público internacional puedas facilitar el uso de tu sitio web.


¡Nos vemos pronto! 

1 comentario:

  1. Hola, tengo una pregunta, Es posible escojer solo unos idiomas que se deseen? Y que no salgan toda la lista de idiomas?

    ResponderBorrar

Déjame tu comentario o consulta.