Como integrar un botón de Google Translate en nuestro proyecto web

Como integrar un botón de Google Translate en nuestro proyecto web

En el día de hoy les traigo un pequeño tips, para aquellos que desean añadir un botón de traducción automática en nuestro sitio web, utilizando un CDN de Google Translate. A pesar de que las traducciones no son 100% fiables, cumple con su función. Aunque nuestra recomendación es brindar una traducción profesional sobre nuestros textos. Vamos a ello!

Es tan simple como añadir un div haciendo referencia a un id, en el lugar donde queremos que aparezca el botón.

A continuación deberemos de crear la función googleTranslateElementInit() y añadir el CDN de Google Translate.

Veamos cómo funciona:



Dentro de includedLanguages:'' separado por comas, pondremos las siglas de los idiomas que queremos traducir y listo!.

En este caso, traduciremos el famoso Hola Mundo en varios idiomas.



Espero les sea de gran ayuda.