网站添加谷歌翻译的功能

方文锋  2024-01-19 20:20:36  812  首页学习

网站使用谷歌的翻译功能,引用的JavaScript代码如下:


 <!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>页面翻译</title>
    <link rel="stylesheet" href="">
</head>

<body>
<div id="google_translate_element"></div>
<div>这些是测试内容。翻译内容测试。<br>
参考链接:<a href="https://juejin.cn/post/7104296100655267877" target="_blank">添加谷歌翻译到你的网站</a>
</div>
    <!-- 谷歌翻译代码 start -->
    <script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({ pageLanguage: 'en', autoDisplay: false }, 'google_translate_element');
    }
    </script>
    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    <!-- 谷歌翻译代码 end -->
</body>

</html> 


参考链接: 

添加谷歌翻译到你的网站」 


别的网站翻译功能项目:  

translate: 两行js实现html全自动翻译,页面无需改动,无语言配置文件,无API Key,对SEO友好!」