Vertaling aan de klantzijde met AI

Maud Nalpas

Kenji Baheux

Alexandra Klepper

Gepubliceerd: 16 mei 2024, Laatst bijgewerkt: 13 november 2024

Uitleg	Web	Uitbreidingen	Chrome-status	Intentie
MDN	Chrome 138	Chrome 138	Weergave	Voornemen tot verzending

Het uitbreiden van uw bedrijf naar internationale markten kan kostbaar zijn. Meer markten betekenen waarschijnlijk meer talen om te ondersteunen, en meer talen kunnen leiden tot uitdagingen met interactieve functies en processen, zoals chatondersteuning na de verkoop. Als uw bedrijf alleen Engelstalige medewerkers in dienst heeft, kunnen niet-Engelstalige medewerkers het moeilijk vinden om precies uit te leggen welk probleem ze hebben ondervonden.

Hoe kunnen we AI gebruiken om de ervaring voor sprekers van meerdere talen te verbeteren, terwijl we tegelijkertijd de risico's minimaliseren en bevestigen of het de moeite waard is om te investeren in ondersteuningsmedewerkers die extra talen spreken?

Sommige gebruikers proberen de taalbarrière te overbruggen met de ingebouwde vertaalfunctie van hun browser of met tools van derden. Maar de gebruikerservaring laat te wensen over bij interactieve functies, zoals onze chatondersteuning na de aankoop.

Voor chattools met geïntegreerde vertaling is het belangrijk om vertragingen te minimaliseren. Door de taal al op het apparaat te verwerken, kun je in realtime vertalen, nog voordat de gebruiker het bericht verzendt.

Desondanks is transparantie cruciaal bij het overbruggen van een taalbarrière met geautomatiseerde tools. Vergeet niet om, voordat het gesprek begint, duidelijk te maken dat u AI-tools gebruikt die deze vertaling mogelijk maken. Dit schept verwachtingen en helpt ongemakkelijke momenten te voorkomen als de vertaling niet perfect is. Verwijs naar uw beleid voor meer informatie.

We werken aan een client-side vertaal-API met een model dat in Chrome is ingebouwd.

Demochat

We hebben een klantenservicechat ontwikkeld waarmee gebruikers in hun eigen taal kunnen typen en direct een vertaling van de helpdeskmedewerker ontvangen.

Gebruik de Translator API

Om te bepalen of de Translator API wordt ondersteund, voert u het volgende codefragment voor functiedetectie uit.

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

Controleer de ondersteuning voor taalparen.

Vertalingen worden beheerd met behulp van taalpakketten, die op aanvraag kunnen worden gedownload. Een taalpakket is als een woordenboek voor een bepaalde taal.

• sourceLanguage : De huidige taal van de tekst.
• targetLanguage : De uiteindelijke taal waarin de tekst vertaald moet worden.

Gebruik de BCP 47- taalkortcodes als tekenreeksen. Bijvoorbeeld 'es' voor Spaans of 'fr' voor Frans.

Bepaal de beschikbaarheid van het model en volg de downloadprogress :

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

Als de download mislukt, stoppen downloadprogress events en wordt de ready -promise afgewezen.

Maak en start de vertaler

Om een ​​vertaler te maken, roep je de asynchrone functie create() aan. Deze functie vereist een parameter options met twee velden: één voor de sourceLanguage en één voor de targetLanguage .

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

Zodra je een vertaler hebt, roep je de asynchrone functie translate() aan om je tekst te vertalen.

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

Volgende stappen

We willen graag zien wat je bouwt met de Translator API. Deel je websites en webapplicaties met ons op X , YouTube en LinkedIn .

Je kunt je aanmelden voor het Early Preview Program om deze API en andere API's te testen met lokale prototypes.