启用谷歌Google Translate翻译整个网页内容

元之本学习教程 2019-05-21 20:54:00 6683 0

很多年前我们就在自建的网站中嵌入了Google Translate代码来实现翻译功能，但2011年的时候因为GFW的缘故，只好暂停了。

2月份来美国***亚哥前在北京参加了think with Google的活动，会上讲到互联网出海的时候，特别又提到Google Translate工具，这些年来谷歌翻译的准确率应该得到了很大提高，特别是人工智能的发展带来翻译质量的提升。

所以我们又想把这个工具用起来，虽然我们自己在多个系列网站上都有自己的翻译，但还是可以把Google Translate也放在网站上，让用户多一些可用的翻译功能。

在这里找到添加Google网站翻译的工具： https://translate.google.com/manager/website/

分三步来进行：

1、输入网站名称和源语言：

启用谷歌Google Translate翻译整个网页内容第1张

不过从***获得的代码来看，网站网址并没有什么用，不在嵌入的翻译工具代码中；

而源语言是有用的，有代码例如英文是en，简体中文是zh-CN，如果网站本身有多语言版本，可以在不同的语言版本页面中嵌入对应的语言代码以便翻译准确；

2、选择译文语言、显示格式和***选项：

启用谷歌Google Translate翻译整个网页内容第2张

译文语言一般就用默认的“所有语言”，除非你只想限定翻译指定的几种语言；

显示格式可以用内嵌，以及垂直，以便让用户自己来选择，并且在手机上可以方便选择各种语言（使用下拉菜单方式的话，在PC上可以显示所有语言，但在手机上可能因为屏幕宽度无法显示所有语言）；

***选项里面，默认的“用户所用语言不同于您网页的语言时，自动显示翻译横幅。”我建议去掉，免得总是在顶部显示翻译栏，而把开启翻译的选择权交给用户；

3、获取代码：

启用谷歌Google Translate翻译整个网页内容第3张

把屏幕上的代码复制出来，粘贴到网站源代码中就可以了。

示例代码如下：

<div id="google_translate_element"></div><script type="text/javascript">function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'zh-CN'}, 'google_translate_element');}</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

可以改一改，例如去掉自动显示翻译横幅后，代码如下：

<div id="google_translate_element"></div><script type="text/javascript">function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'zh-CN', autoDisplay: false}, 'google_translate_element');}</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

也就是多了“, autoDisplay: false”。

在Drupal 7中，可以把这段代码放置在page.tpl.php的sidebar_first里面，让所有的页面都包含，也可以作为一个Block来添加；

至于国内不能访问拖慢网页打开速度的问题，可以安装一个判断用户是否来自国内的Drupal模块，对于国内用户就不显示这个翻译元件，只针对国外用户显示。一个Drupal站里面完整的Block例子代码如下：

<?phpglobal $language;$language_code = $language->language;switch ($language_code) {
  case 'zh-hans':
    $translate_code = 'zh-CN';
    break;
  case 'zh-hant':
    $translate_code = 'zh-TW';
    break;
  default:
    $translate_code = $language_code;}$code = '<div id="google_translate_element"></div><script type="text/javascript">';$code .= "
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: '$translate_code', autoDisplay: false}, 'google_translate_element');
}
";$code .= '</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>';if (in_china()) {
  $output = '';} else {
  $output = $code;}print $output;?>

希望这个谷歌翻译功能对其它语言的网站访问用户有些作用。

目前可以互译的语言有：