Ejemplo de llamada para integrarse con Google Translate

traducir_textos_integracion_api_google.jpg
Una gran carga de cualquier aplicación web son su traducciones, y cuanto mas grande la aplicación mas problema. Problema que se puede solucionar con Google Translator y su API.
Un gran problema al que un desarrollador se enfrenta muchas veces es la internacionalización de aquello que esta construyendo, y digo bien desarrollando porque este articulo no va sobre ningún fantástico plugin para Wordpress, Drupal o sucedaneos.
 
Partimos de estar utilizando CakePHP, Zend, Symphony u otro Framework de desarrollo.
 

¿Porque es un problema?

 
Porque somos programadores no diplomados en filología inglesa, francesa etc ...
 

Objetivo

 
Nuestro interés es hacer recaer la pesada carga de traducción sobre el cliente. Pero al cliente no le gusta trabajar y menos aún tener que pagar alguien para que le traduzca textos. Pero si le damos la opción de que se traduzca el sólito los textos, con unos clicks de ratón, sin pagar un traductor le daremos trabajo y una solución para facilitarle el mismo.
 

Solución

 
No voy a explicar como realizar un sistema de traducciones automático. Tan solo comentar la idea principal, utilizar Google, en concreto su API de traducción, para ello disponemos de los siguientes enlaces que aportaran mucho más que yo en este post:
 
 
Esto sirve para consultar una traduccion, utilizando jquery, de un texto a google mediante una simple llamada que nos retorna su traducción.
 

Ejemplo sencillo de uso

 
HTML
<!DOCTYPE html>
<html lang="es">
 <head>
  <title></title> 
  <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="jquery.translate-1.4.7-debug-all.js"></script>
 </head>
 <body>
   
  <form>
   <textarea id="msgid" name="msgid"></textarea>
   <textarea id="resultado" name="resultado"></textarea>
   <a class="translator" href="#">Traducir</a>
  </form>
  
  <script type="text/javascript">

JAVASCRIPT
$(".translator").bind('click',function(e){

	e.preventDefault();

	//obtenemos el texto a traudcir de input que lleve por id => msgid
	var value = $("#msgid").val();
	
	var initial_lang = 'es;
	var target_lang  = 'en';
					
	//consultamos la traduccion
	$.translate( value, initial_lang, target_lang, {
		complete:	function(translation){ 	
					      //montamos la traduccion devuelta sobre el campo que lleve por id => resultado
                          $("#resultado").val(translation);
				}
		});
														
	});

});
HTML
  </script>  
 
 </body>
</html>

 
A partir de aquí cada uno se puede montar el sistema que quiera, no es objeto de este post, tan solo es la indicación de la facil utilización de la API de Google para la traducción de texto.

Comments

  1. Aleix 2011-11-29 11:08:40

    Recuerda que la API v1 la cierran el 1 de diciembre. I la v2 pasa a ser de pago al 100%.

  2. ACampanario 2011-11-29 12:04:24

    Pues que fastidio!! me acabas de chafar el post xD! Pero muchas gracias igualmente ahora toca busca solución v2

create gmail account