Как сделать - Google Translate
Узнайте, как добавить кнопку Google Translate на веб-страницу.
Пример
Google перевести кнопку
Начните с простой базовой веб-страницы.
Добавьте элемент <div> с идентификатором "google_translate_element":
Пример
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<div id="google_translate_element"></div>
</body>
<html>
Добавьте ссылку на API Translate в Google.com:
Пример
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Добавьте функцию JavaScript:
Пример
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
And you are ready to translate the content of your page:
Пример
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>My Web Page</h1>
<p>Hello everybody!</p>
<p>Translate this page:</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="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</body>
</html>
Режимы кнопок
Есть в настоящее время три различных режима дизайна для Google Translate кнопку.
Пример
Вертикально:
Пример
Горизонтально:
Пример
Выпадающее меню, без другого текста: