启用谷歌网站翻译Google Translate嵌入代码[备份]

武享吧
7811
文章
24
评论
2019-06-1920:53:29启用谷歌网站翻译Google Translate嵌入代码[备份]已关闭评论 1,580 次浏览

启用谷歌网站翻译Google Translate,自建的网站中嵌入了Google Translate代码来实现翻译功能,所以我们又想把这个工具用起来,虽然我们自己在多个系列网站上都有自己的翻译,但还是可以把Google Translate也放在网站上,让用户多一些可用的翻译功能。

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

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

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

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

示例代码如下:


<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”。

继续阅读