如何在你的网页上添加谷歌翻译按钮？-yiteyi-C++库

谷歌翻译是谷歌开发的免费多语言机器翻译服务，用于将文本从一种语言翻译成另一种语言。它提供了一个网站界面、Android和iOS的移动应用程序，以及一个帮助开发者构建浏览器扩展和软件应用程序的API。Google Translate支持100多种不同级别的语言。

null

按照以下步骤在网站上添加谷歌翻译按钮：

第一步：从一个基本网页开始，添加一个“div”元素。 在下面的代码中，创建了一个id为“google_translate_element”的“div”元素。

第2步：添加谷歌翻译api参考。 图片[2]-如何在你的网页上添加谷歌翻译按钮？-yiteyi-C++库

第3步：添加Javascript函数。。 图片[3]-如何在你的网页上添加谷歌翻译按钮？-yiteyi-C++库

例子：

                     <!DOCTYPE html>                   
                     <                               html                               lang                               =                               "en-US"                               >                   
                             
                     <                               head                               >                   
                                         <                               title                               >                   
                                         How To Add Google Translate                   
                                         Button On Your Webpage ?                   
                                         </                               title                               >                   
                     </                               head                               >                   
                             
                     <                               body                               >                   
                                         <                               p                               >Hello everyone!</                               p                               >                   
                                         <                               p                               >Welcome to GeeksforGeeks</                               p                               >                   
                             
                                         <                               p                               >                   
                                         Translate this page in                   
                                         your preferred language:                   
                                         </                               p                               >                   
                             
                                         <                               div                               id                               =                               "google_translate_element"                               ></                               div                               >                   
                             
                                         <                               script                               type                               =                               "text/javascript"                               >                   
                                         function googleTranslateElementInit() {                   
                                         new google.translate.TranslateElement(                   
                                         {pageLanguage: 'en'},                   
                                         'google_translate_element'                   
                                         );                   
                                         }                   
                                         </                               script                               >                   
                             
                                         <                               script                               type                               =                               "text/javascript"                               src=                   
                     "                       https://translate.google.com/translate_a/element.js?                              
                                         cb                               =                               googleTranslateElementInit                               ">                   
                                         </                               script                               >                   
                             
                                         <                               p                               >                   
                                         You can translate the content of this                   
                                         page by selecting a language in the                   
                                         select box.                   
                                         </                               p                               >                   
                     </                               body                               >                   
                             
                     </                               html                               >                   

输出： 图片[4]-如何在你的网页上添加谷歌翻译按钮？-yiteyi-C++库 翻译成阿拉伯语后的输出： 图片[5]-如何在你的网页上添加谷歌翻译按钮？-yiteyi-C++库

文章版权归作者所有，未经允许请勿转载。

THE END

Javascript