首頁 >web前端 >css教學 >如何將Google翻譯整合到您的網站中以獲取多語言內容?

如何將Google翻譯整合到您的網站中以獲取多語言內容?

Patricia Arquette
Patricia Arquette原創
2024-11-04 10:19:021061瀏覽

How to Integrate Google Translate into Your Website for Multilingual Content?

將 Google 翻譯整合到您的網站

Google 翻譯提供了一種便捷的方式,為您的網站內容提供多種語言選項。在 Google Translate 和 HTML-5-Tutorial 上找到的兩個程式碼片段可實現此目的,但略有不同。

第一個程式碼片段安裝沒有語言選擇選項的翻譯小部件,而第二個程式碼片段包含一個可自訂的選擇框以允許使用者選擇自己喜歡的語言。但是,第二個程式碼段需要進行一些自訂才能在本地和即時網站上運作。

要使用第二個程式碼段實現Google 翻譯,請按照以下步驟操作:

  1. 將以下標記貼到您網站的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>
  1. 將pageLanguage 選項自訂為網站內容的預設語言。
  2. 使用 CSS 依需求設定翻譯小部件的樣式。

透過這些修改,HTML-5-Tutorial 中的 Google 翻譯小工具應該可以在本地和即時網站上運行,為您的用戶提供無縫的語言選擇和翻譯選項。

以上是如何將Google翻譯整合到您的網站中以獲取多語言內容?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn