Traduzione lato client con l'IA

Maud Nalpas

Kenji Baheux

Alexandra Klepper

Pubblicato: 16 maggio 2024, ultimo aggiornamento: 13 novembre 2024

Spiegazione	Web	Estensioni	Stato di Chrome	Intenzione
MDN	Chrome 138	Chrome 138	Visualizza	Intenzione di sperimentare

Espandere la tua attività nei mercati internazionali può essere costoso. Un maggior numero di mercati probabilmente significa più lingue da supportare e più lingue possono portare a sfide con funzionalità e flussi interattivi, come la chat di assistenza post-vendita. Se la tua azienda ha solo agenti di assistenza di lingua inglese, i parlanti non nativi potrebbero avere difficoltà a spiegare esattamente il problema riscontrato.

Come possiamo utilizzare l'AI per migliorare l'esperienza degli utenti che parlano più lingue, riducendo al minimo i rischi e confermando se vale la pena investire in agenti di assistenza che parlano altre lingue?

Alcuni utenti cercano di superare la barriera linguistica con la funzionalità di traduzione delle pagine integrata nel browser o con strumenti di terze parti. ma l'esperienza utente è inferiore alla media con funzionalità interattive, come la nostra chat di assistenza post-vendita.

Per gli strumenti di chat con traduzione integrata, è importante ridurre al minimo i ritardi. Elaborando la lingua sul dispositivo, puoi tradurre in tempo reale, prima che l'utente invii il messaggio.

Detto questo, la trasparenza è fondamentale quando si colma un divario linguistico con strumenti automatici. Ricorda che, prima di iniziare la conversazione, devi chiarire di aver implementato strumenti di AI che consentono questa traduzione. In questo modo, si creano aspettative e si evitano momenti imbarazzanti se la traduzione non è perfetta. Link alla tua policy con maggiori informazioni.

Stiamo lavorando a un'API Translator lato client con un modello integrato in Chrome.

Chat demo

Abbiamo creato una chat di assistenza clienti che consente agli utenti di digitare nella loro lingua principale e ricevere una traduzione in tempo reale per l'agente dell'assistenza.

Utilizzare l'API Translator

Per determinare se l'API Translator è supportata, esegui il seguente snippet di rilevamento delle funzionalità.

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

Controllare il supporto delle coppie di lingue

La traduzione viene gestita con i language pack, scaricati on demand. Un pacchetto linguistico è come un dizionario per una determinata lingua.

• sourceLanguage: La lingua attuale del testo.
• targetLanguage: la lingua finale in cui deve essere tradotto il testo.

Utilizza i codici brevi delle lingue BCP 47 come stringhe. Ad esempio, 'es' per lo spagnolo o 'fr' per il francese.

Determina la disponibilità del modello e ascolta il downloadprogress:

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

Se il download non va a buon fine, gli eventi downloadprogress si interrompono e la promessa ready viene rifiutata.

Crea ed esegui il traduttore

Per creare un traduttore, chiama la funzione asincrona create(). Richiede un parametro options con due campi, uno per sourceLanguage e uno per targetLanguage.

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

Una volta ottenuto un traduttore, chiama la funzione asincrona translate() per tradurre il testo.

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

Passaggi successivi

Vogliamo vedere cosa stai creando con l'API Translator. Condividi i tuoi siti web e applicazioni web con noi su X, YouTube e LinkedIn.

Puoi registrarti al programma di anteprima anticipata per testare questa API e altre con prototipi locali.