TranslateThis: Un botón en lugar de la barra

TranslateThis es un botón que agrega un traductor cualquier sitio web y que usa las mismas caracteríticas que la barra de Google.

Podemos agregarlo a cualquier parte, simplemente copiando y pegando el código allí donde será mostrado:

<!-- Begin TranslateThis Button -->
<div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">TranslateThis();</script>
<!-- End TranslateThis Button -->

También podemos establecer algunas opciones que se muestran en la documentación y que nos permiten personalizarlo un poco; para eso, cambairemos esta línea:

<script type="text/javascript">TranslateThis();</script>

Por ejemplo:

GA permite habilitar el seguimiento de las paginas traducidas via Google Analytics (por defecto es false)
scope permite definir los IDs de los elementos de la pagina que no deberían ser tarducidos (por defecto es false)
wrapper es el ID del DIV donde se mostrará el botón y se usa cuando tenemos varios de ellos en la misma página (por defecto es translate-this)
onLoad, onClick y onComplete definen funciones que se ejecutarán ciuando el script se esté cargando, cuando se haga click y cuando se haya completado la traducción

fromLang es el lenguaje original de nuestro sitio pero es opcional ya que si no se establece, el idioma es detectado de manera automática. Recoomiendan establecerlo para ascelerar la carga.

ddLangs es la lista de idiomas que se mostrarán; por defecto, francés, español, árabe, chino, coreano, italiano, checo, hebreo, alemán portugués, ruso, japonés, vietnamita, griego, hindú y turco. Debajo siempre habrá un enlace para ampliar la lista y se mostrarán los52 indiomas disponibles.

noBtn deshabilta el gráfico del botón, permitiendo usar uno propio o una imagen personal
btnWidth y btnHeight determiann el ancho y el alto del botón (por defecto 180x18)
btnImg es la URL de la imagen del botón si es que queremos usar una personal

noImg la establecemos en false si queremos deshabilitar las banderas que se muestran al desplegarse el botón
imgHeight e imgWidth son el tamaño de la imagen de cada una de esas banderas (por defecto 18x12)
bgImg es donde se encuentra la imagen (de tipo sprite) con esas banderas y lo usamos si queremos cambiarlo
imgMap es lo que deberemos usar para personalizar esas banderas e indicar la posiciónd e cada una

maxLength es el tamaño máximo de la cadena a enviar a Google (por debecto 1000)
reparse si se coloca en true es para recargar el contenido de nuestro sitio (cuando se trata de páginas que cambian mientras estamos en ellas)

El script modificado con algunas de esas opciones, sería así:

<script type="text/javascript">
TranslateThis({
GA : true,
scope : 'sidebar-wrapper',
fromLang : 'es',
ddLangs : [
'ca', // catalan
'en', // ingles
'fr', // france
'de', // aleman
'it', // italiano
'pt-PT', // portugues
],
});
</script>

Funciona bien pero me bastante lento para cargarse.

REFERENCIAS:anieto2k