このページは Cloud Translation API によって翻訳されました。

AI によるクライアントサイド翻訳
コレクションでコンテンツを整理必要に応じて、コンテンツの保存と分類を行います。

試験運用版の Translator API を活用して、グローバルなカスタマーサポートを強化する

Maud Nalpas

Kenji Baheux

Alexandra Klepper

公開日: 2024 年 5 月 16 日、最終更新日: 2024 年 11 月 13 日

海外市場にビジネスを拡大するには、費用がかかる場合があります。市場が増えると、サポートする言語も増える可能性があります。言語が増えると、購入後のサポートチャットなどのインタラクティブな機能やフローで問題が発生する可能性があります。英語を話すサポートエージェントしかいない場合は、英語が母国語でないユーザーが、発生した問題を正確に説明するのが難しい場合があります。

AI を使用して、リスクを最小限に抑えながら、複数の言語を話すユーザーのエクスペリエンスを改善し、追加の言語を話すサポートエージェントに投資する価値があるかどうかを確認するにはどうすればよいですか？

一部のユーザーは、ブラウザの組み込みページ翻訳機能やサードパーティ製ツールを使用して言語の壁を克服しようとしています。ただし、ユーザーエクスペリエンスは、アフターサポートチャットなどのインタラクティブな機能に比べて劣ります。

翻訳が統合されたチャットツールでは、遅延を最小限に抑えることが重要です。デバイス上で言語を処理することで、ユーザーがメッセージを送信する前にリアルタイムで翻訳できます。

ただし、自動ツールで言語のギャップを埋める場合は、透明性が重要です。会話の開始前に、この翻訳を可能にする AI ツールを実装していることを明確にしてください。これにより、翻訳が完璧でない場合でも、気まずい状況を回避できます。詳細が記載されたポリシーへのリンクを記載します。

Google は、Chrome に組み込まれたモデルを使用するクライアントサイドの Translator API の開発に取り組んでいます。

デモチャット

ユーザーが母国語で入力し、サポートエージェントがリアルタイムで翻訳を受け取ることができるカスタマーサポートチャットを構築しました。

Translator API を使用する

Translator API がサポートされているかどうかを確認するには、次の機能検出スニペットを実行します。

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

言語ペアのサポートを確認する

翻訳は、オンデマンドでダウンロードされる言語パックで管理されます。言語パックとは、特定の言語の辞書のようなものです。

sourceLanguage: テキストの現在の言語。
targetLanguage: テキストを翻訳する最終的な言語。

BCP 47 言語のショートコードを文字列として使用します。たとえば、スペイン語の場合は 'es'、フランス語の場合は 'fr' です。

モデルの可用性を判断し、downloadprogress をリッスンします。

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

ダウンロードに失敗すると、downloadprogress イベントが停止し、ready Promise が拒否されます。

翻訳ツールを作成して実行する

トランスレータを作成するには、非同期の create() 関数を呼び出します。sourceLanguage と targetLanguage の 2 つのフィールドを含むオプションパラメータが必要です。

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

翻訳ツールを取得したら、非同期の translate() 関数を呼び出してテキストを翻訳します。

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

次のステップ

Translator API オリジントライアルに登録して、オリジンのすべてのユーザーが Chrome で翻訳機能を利用できるようにします。

ご意見をお聞かせください。このアプローチについてフィードバックをお送りいただくには、説明ページで Issue を作成し、ご関心のあるユースケースをお知らせください。

早期プレビュープログラムに登録して、この API やその他の API をローカルプロトタイプでテストできます。