多言語コンテンツのために Google 翻訳を Web サイトに統合するにはどうすればよいですか?

Web サイトへの Google 翻訳の統合

Google 翻訳は、Web サイトのコンテンツに複数の言語オプションを提供する便利な方法を提供します。 Google 翻訳と HTML-5 チュートリアルにある 2 つのコード スニペットは、若干の変更を加えてこの目的を果たしています。

最初のスニペットは、言語選択オプションなしで翻訳ウィジェットをインストールしますが、2 番目のスニペットには、言語選択オプションを使用せずに翻訳ウィジェットをインストールします。ユーザーは好みの言語を選択できます。ただし、2 番目のスニペットをローカル サイトとライブ サイトの両方で機能させるには、いくつかのカスタマイズが必要です。

2 番目のスニペットで Google 翻訳を実装するには、次の手順に従います。

1. 次のマークアップを貼り付けます。 Web サイトの HTML:

<code class="html"><div id="google_translate_element"></div>
<script>
  function googleTranslateElementInit() {
    new google.translate.TranslateElement(
      { pageLanguage: 'en' },
      'google_translate_element'
    );
  }
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></code>

2. pageLanguage オプションを Web サイトのコンテンツのデフォルト言語にカスタマイズします。
3. CSS を使用して、必要に応じて翻訳ウィジェットのスタイルを設定します。

これらの変更により、HTML-5-Tutorial の Google 翻訳ウィジェットはローカルとライブ Web サイトの両方で機能し、ユーザーにシームレスな言語選択と翻訳オプションを提供するようになります。

以上が多言語コンテンツのために Google 翻訳を Web サイトに統合するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。