'Google Translator Button Not Appearing At All

I will make my website multilingual. As an easiest way to accomplish this, I am trying to add an Google Translator Widget. I have found some script to put on an HTML file but that doesn't work for me. Is there something I am missing or Google deactivated this?

Here is the 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>

And here is the output of this file:

enter image description here

Have any idea? Please share it. Thank you.

javascripthtmltranslationgoogle-translategoogle-translation-api


Solution 1:[1]

Your code works fine for me, try to run it in incognito mode and try it maybe some extensions are preventing it from showing

Solution 2:[2]

Google has discontinued Google Translate widget. It might work on some websites (where it had been used for years) but won't work for new installations / websites that haven't had it before.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 MrXQ
Solution 2 Gavin G

Related Questions