用谷歌翻譯做多語言的外貿網站

　　1.先準備一個軟件

　　2.打開網站，點擊下載免費的

　　https：//gtranslate.io/#pricing

　　3.選擇最簡單的html，有三種模式選擇，根據您的需要選擇，復制

　　Widgetcode里的代碼在你的網站頭部！--GTranslate：https：//gtranslate.io/--

　　styletype=text/css

　　！--

　　#goog-gt-tt{display：none！important;}

　　.goog-te-banner-frame{display：none！important;}

　　.goog-te-menu-value：hover{text-decoration：none！important;}

　　.goog-te-gadget-icon{background-image：url(//gtranslate.net/flags/gt_logo_19x1

　　9.gif)！important;background-position：00！important;}

　　body{top：0！important;}

　　/style

　　上面的css主要是隱藏頭部谷歌的翻譯提示；pid=google_translate_element/

　　scripttype=text/javascript

　　functiongoogleTranslateElementInit(){newgoogle.translate.TranslateElement({pageLanguage：'en'，layout：google.translate.TranslateElement.InlineLayout.SIMPLE，autoDisplay：false，includedLanguages：''}，'google_translate_element');}

　　這種GoogleDefault模式默認是全部語言你可能其他兩種默認是可以自己自定義翻譯那些語言

　　/scriptscripttype=text/javascriptsrc=https：//translate.google.com/translate_a/element.js？cb=googleTranslateElementInit/script

　　因為是用的谷歌翻譯所以國內用戶返回會很慢，那可不可以優化一下呢？

　　translate.google.com

　　網上有.com改為cn的測試一下好像是快了一點。

　　我們可以將element.js下載下來放在本地引入這樣會不會更快

　　打開文件查看一下代碼發現這個文件里他向我們的網站加載了幾張圖片，這些圖片都可以刪掉或者下載都本地，將引入地址改成本地的這樣避免在谷歌加載這些東西。

　　c._pli=b+'/translate_static/img/te_bk.gif

　　c._pli=b+'/translate_static/img/te_ctrl

　　3.gif

　　c._pli=b+'/translate_static/img/loading.gif

　　c._pli=b+'/translate_static/img/mini_google.png

　　一個樣式

　　/translate_static/css/translateelement.css

　　一個js

　　/translate_static/js/element/main_zh-CN.js

　　可以js看一下發現他又引入了一個谷歌的js

　　element_main.js這個js里面就是操作語言切換的代碼，下載本地可以根據你的需求添加你的代碼本事代碼很亂要知道在哪改比較困難上面，根據不同的語言切換加載不同的css，谷歌的翻譯是用js運行的翻譯，要css生效保存到session在刷新頁面，好處就是可以讓不同語言排版不會亂，缺點就是會加載兩次，這個問題暫時沒有解決，這個js看的頭皮發麻，沒有深究。