Traducción del cliente con IA

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

Maud Nalpas

Kenji Baheux

Alexandra Klepper

Fecha de publicación: 16 de mayo de 2024; Última actualización: 13 de noviembre de 2024

Explicación	Web	Extensiones	Estado de Chrome	Intent
GitHub	Prueba de Origin	Prueba de Origin	Ver	Intención de experimentar

Expandir tu empresa a mercados internacionales puede ser costoso. Es probable que más mercados signifiquen más idiomas compatibles, y más idiomas pueden generar desafíos con funciones y flujos interactivos, como el chat de asistencia posventa. Si tu empresa solo tiene agentes de asistencia que hablan inglés, es posible que a los usuarios que no son nativos les resulte difícil explicar exactamente qué problema tuvieron.

¿Cómo podemos usar la IA para mejorar la experiencia de los hablantes de varios idiomas, mientras minimizamos el riesgo y confirmamos si vale la pena invertir en agentes de asistencia que hablen idiomas adicionales?

Algunos usuarios intentan superar la barrera del idioma con la función de traducción de páginas integrada en su navegador o con herramientas de terceros. Sin embargo, la experiencia del usuario es inferior a la de las funciones interactivas, como nuestro chat de asistencia posventa.

En el caso de las herramientas de chat con traducción integrada, es importante minimizar los retrasos. Si procesas el idioma en el dispositivo, puedes traducir en tiempo real, incluso antes de que el usuario envíe el mensaje.

Dicho esto, la transparencia es fundamental cuando se cierra una brecha idiomática con herramientas automáticas. Recuerda que, antes de que comience la conversación, debes aclarar que implementaste herramientas de IA que permiten esta traducción. Esto establece expectativas y ayuda a evitar momentos incómodos si la traducción no es perfecta. Agrega un vínculo a tu política con más información.

Estamos trabajando en una API de Translator del cliente con un modelo integrado en Chrome.

Chat de demostración

Creamos un chat de asistencia al cliente que permite a los usuarios escribir en su primer idioma y recibir una traducción en tiempo real para el agente de asistencia.

Usa la API de Translator

Para determinar si la API de Translator es compatible, ejecuta el siguiente fragmento de detección de funciones.

if ('Translator' in self) {
  // The Translator API is supported.
}

Cómo verificar la compatibilidad con pares de idiomas

La traducción se administra con paquetes de idioma que se descargan a pedido. Un paquete de idioma es como un diccionario para un idioma determinado.

• sourceLanguage: Es el idioma actual del texto.
• targetLanguage: Es el idioma final al que se debe traducir el texto.

Usa códigos cortos de idioma BCP 47 como cadenas. Por ejemplo, 'es' para español o 'fr' para francés.

Determina la disponibilidad del modelo y escucha el downloadprogress:

const translator = await Translator.create({
  sourceLanguage: 'es',
  targetLanguage: 'fr',
  monitor(m) {
    m.addEventListener('downloadprogress', (e) => {
      console.log(`Downloaded ${e.loaded * 100}%`);
    });
  },
});

Si la descarga falla, se detienen los eventos downloadprogress y se rechaza la promesa ready.

Crea y ejecuta el traductor

Para crear un traductor, llama a la función create() asíncrona. Requiere un parámetro de opciones con dos campos, uno para sourceLanguage y otro para targetLanguage.

// Create a translator that translates from English to French.
const translator = await Translator.create({
  sourceLanguage: 'en',
  targetLanguage: 'fr',
});

Una vez que tengas un traductor, llama a la función translate() asíncrona para traducir el texto.

await translator.translate('Where is the next bus stop, please?');
// "Où est le prochain arrêt de bus, s'il vous plaît ?"

Próximos pasos

Regístrate en la prueba de origen de la API de Translator para habilitar tus funciones de traducción para todos los usuarios de tu origen en Chrome.

Nos gustaría conocer tu opinión Para compartir tus comentarios sobre este enfoque, abre un problema en la explicación y cuéntanos qué casos de uso te interesan más.

Puedes registrarte en el programa de versión preliminar anticipada para probar esta API y otras con prototipos locales.