html - Issue with Google Translation on Website?

Question

So I am using the google translate tool for my website- I am setting it up via: https://translate.google.com/manager/website

Under display mode, I keep choosing automatic but it looks like the banner ALWAYS displays even though they state it will ONLY show if the browser is not the language of the site (which is EN)

What's going on? Is their tool broken? is there a way to use this tool to just show if the language is not en?

Answer 1

These things worked for me.

Paste the code below on your website. Languages mentioned in includedLanguages in googleTranslateElementInit() will display on your website.

I will suggest you to paste this in website header or footer section so that translation feature will yield on every page of your website.

<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'en,fr,es,it,de'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Also if you are looking for auto translate in specific language then add this piece of code as well.

<script>
(function() {
if(!window.location.hash) {
    window.location = window.location + '#googtrans(en|fr)';
    window.location.reload();
} 
})();   
</script>