Кнопка Google Translator вообще не отображается

Я сделаю свой сайт многоязычным. Как самый простой способ сделать это, я пытаюсь добавить виджет Google Translator. Я нашел сценарий для HTML-файла, но он мне не подходит. Я что-то упускаю или Google деактивировал это?

Вот HTML:

<!DOCTYPE html>
<html lang = "en">
<head>
   <meta charset = "UTF-8">
   <title> Google Translater for Website </title> 
</head> 
<body>
<h2>Your Web Page</h2>
 <p>Click on the dropdown button to translate.</p>
 <p>Translate this page:</p>

<div id = "google_translate_element"></div>


<script type = "text/javascript" src = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type = "text/javascript">
 function googleTranslateElementInit() {
 new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
 }
</script>
<p>You can translate the content of this page by selecting a language in the select box.</p>

</body>
</html>

И вот вывод этого файла:

Кнопка Google Translator вообще не отображается

Есть идеи? Пожалуйста, поделитесь им. Спасибо.

Еще один момент, который меня смущает. У меня есть еще один файл index.html, написанный несколько месяцев назад (точное время IDK). Но это работает так, как должно быть. Виджет Google Translate отображается и работает.

Yusuf Yeşilyurt 29.03.2022 16:40
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
26
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Ваш код отлично работает для меня, попробуй запустить в режиме инкогнито и попробуй возможно, какие-то расширения мешают его показу

Правильно, код работает и в онлайн-редакторе html. Но не в моем браузере, ни в режиме инкогнито (где все расширения отключены), ни в Safari. Спасибо за помощь, проблема продолжается.

Yusuf Yeşilyurt 29.03.2022 16:50

Google прекратил поддержку виджета Google Translate. Он может работать на некоторых веб-сайтах (где он использовался в течение многих лет), но не будет работать для новых установок / веб-сайтов, на которых его раньше не было.

Другие вопросы по теме