Vertaling aan de klantzijde met AI

Maud Nalpas

Kenji Baheux

Alexandra Klepper

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

Uitlegger	Web	Uitbreidingen	Chrome-status	Intentie
MDN	Chroom 138	Chroom 138	Weergave	Intentie tot verzending

Uitbreiding van uw bedrijf naar internationale markten kan duur zijn. Meer markten betekent waarschijnlijk meer talen om te ondersteunen, en meer talen kunnen leiden tot uitdagingen met interactieve functies en processen, zoals chat na verkoop. Als uw bedrijf alleen Engelstalige supportmedewerkers heeft, kan het voor niet-moedertaalsprekers lastig zijn om precies uit te leggen welk probleem ze zijn tegengekomen.

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

Sommige gebruikers proberen de taalbarrière te overwinnen met de ingebouwde paginavertaalfunctie van hun browser of met tools van derden. Maar de gebruikerservaring is ondermaats met interactieve functies, zoals onze chatfunctie na verkoop.

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

Dat gezegd hebbende, transparantie is cruciaal bij het overbruggen van een taalkloof met geautomatiseerde tools. Vergeet niet om vóór het gesprek duidelijk te maken dat u AI-tools hebt geïmplementeerd die deze vertaling mogelijk maken. Dit schept verwachtingen en voorkomt ongemakkelijke momenten als de vertaling niet perfect is. Link naar uw beleid met meer informatie.

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

Demochat

We hebben een chatfunctie voor klantenondersteuning ontwikkeld, waarmee gebruikers in hun moedertaal een tekst kunnen invoeren en direct een vertaling van de ondersteuningsmedewerker ontvangen.

Gebruik de Translator API

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

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

Controleer de ondersteuning voor taalparen

Vertaling wordt beheerd met taalpakketten die op aanvraag worden gedownload. Een taalpakket is als een woordenboek voor een bepaalde taal.

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

Gebruik korte BCP 47 -taalcodes als strings. Bijvoorbeeld 'es' voor Spaans of 'fr' voor Frans.

Bepaal de beschikbaarheid van het model en luister naar de downloadprogress :

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

Als het downloaden mislukt, stoppen de downloadprogress -gebeurtenissen en wordt de ready -belofte afgewezen.

De vertaler aanmaken en uitvoeren

Om een ​​vertaler te maken, roept u de asynchrone create() functie aan. Deze vereist een options-parameter 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 u een vertaler hebt, roept u de asynchrone functie translate() aan om uw 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 .

U kunt zich aanmelden voor het Early Preview-programma om deze API en andere API's te testen met lokale prototypes.