CODEWITHSUNDEEP
javascripthtmltranslationgoogle-translategoogle-translation-api
Yusuf Yeşilyurt
Yusuf Yeşilyurt

Reputation: 113

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.

Upvotes: 1

Views: 2283

Answers (3)

Piyush Burate
Piyush Burate

Reputation: 66

Change your code:

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

To this:

<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Problem is that to run this on a online website we need to use HTTPS protocol. Without that it will not work.

Upvotes: 1

Gavin G
Gavin G

Reputation: 876

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.

Upvotes: 0

MrXQ
MrXQ

Reputation: 740

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

Upvotes: 1

Related Questions