【教學】為你的網頁加上Google Translate自動翻譯小工具,輕鬆實現多國語言一站呈現

gt - 【教學】為你的網頁加上Google Translate自動翻譯小工具,輕鬆實現多國語言一站呈現

雖然當今的主流瀏覽器基本上都已具備了內建的翻譯功能,甚至在偵測到與瀏覽器語言不同的網頁時會進行自動翻譯,但對於想要實現多國語言的網站主而言,Google Translate提供的網頁翻譯小工具還是非常有用。可惜的是這項服務目前似乎已經不再對外開放申請,需要自己稍微動動手DIY一下才能實裝,不過整體來說還是相當容易且方便好用,一起來看看怎麼為你的網頁加上這個簡單的套件吧!

1 - 【教學】為你的網頁加上Google Translate自動翻譯小工具,輕鬆實現多國語言一站呈現

由 Google 官方的說明文件裡面可以看到,目前想要使用Google的翻譯小工具必須符合上述的幾個條件,並且填寫表單經過審核後方可使用。似乎有點麻煩,所幸Google並沒有封殺掉所有的可能性,我們還是可以透過加入簡單的程式碼到我們的網頁中來達到這個目標。

最核心的 Javascript 程式碼如下:

在這邊我們唯一需要關注的兩個參數只有 pageLanguageincludedLanguages,分別代表你的網頁預設的語言及翻譯小工具應該包含的語言。以上面提供的程式碼為例,就是指預設為繁體中文(zh-TW)、並且提供英文(en)、簡體中文(zh-CN)及繁體中文(zh-TW)三種語言的翻譯。

22 - 【教學】為你的網頁加上Google Translate自動翻譯小工具,輕鬆實現多國語言一站呈現

看到這邊你可能又會問啦,那我怎麼知道每個語言對應的語言碼是什麼呢?別擔心,下面的列表幫你整理了一些常見的語言,你可以從下面找到對應的語言碼,並依照你的需求加入到上面的程式碼中。

各國語言對應的語言碼列表:

Language Name Language Code
Afrikaans af
Irish ga
Albanian sq
Italian it
Arabic ar
Japanese ja
Azerbaijani az
Kannada kn
Basque eu
Korean ko
Bengali bn
Latin la
Belarusian be
Latvian lv
Bulgarian bg
Lithuanian lt
Catalan ca
Macedonian mk
Chinese Simplified zh-CN
Malay ms
Chinese Traditional zh-TW
Maltese mt
Croatian hr
Norwegian no
Czech cs
Persian fa
Danish da
Polish pl
Dutch nl
Portuguese pt
English en
Romanian ro
Esperanto eo
Russian ru
Estonian et
Serbian sr
Filipino tl
Slovak sk
Finnish fi
Slovenian sl
French fr
Spanish es
Galician gl
Swahili sw
Georgian ka
Swedish sv
German de
Tamil ta
Greek el
Telugu te
Gujarati gu
Thai th
Haitian Creole ht
Turkish tr
Hebrew iw
Ukrainian uk
Hindi hi
Urdu ur
Hungarian hu
Vietnamese vi
Icelandic is
Welsh cy
Indonesian id
Yiddish yi

最後,只要在網頁中你想要加入小工具的位置,加上下面的 html code 就可以了:

是不是很簡單呢?實測起來機器翻譯的結果真的也還可接受,比起花大量的精力去一一修改每一個不同語言版本的網頁,這種方式還是省事的多,當然也必須在專業度及可讀性上做出一點犧牲就是了。

參考連結: