End-User Options - Forum Translator by Google

I'm not sure if anyone else has posted this, if so I apologize. I did find some other earlier versions of mods to use Google Translate, but could not find one similar and as simple to use as this.

In the footer template, find the first instance of:

</form>

Just below it add this:

<!-- Translate vBulletin -->
<div id="google_translate_element" class="footer_select"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    multilanguagePage: true,
    gaTrack: true,
    gaId: 'UA-12345-12',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- /Translate vBulletin -->

Remove the 2 lines in red if you don't use Google Analytics. If you do, edit the number to your own.

It's so simple I think this would work on any version of vB.

[Baghira]

Wow, Cool. Thanks.

Simple and effective

[LeventX]

Perfect....Thank you.Installed..

[billstelling]

<!-- Translate vBulletin -->
<style>
.goog-te-banner-frame{display: none !important;}
body{top: 0px !important;}
</style>

<style>
.goog-te-balloon-frame{display: none !important;}
font{background: transparent !important;}
</style>

<div id="google_translate_element" class="footer_select"></div><script>
function googleTranslateElementInit() {new google.translate.TranslateElement({
         pageLanguage: 'en',    gaTrack: true,}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- /Translate vBulletin -->

there is no pop up in this one and instead it is a list like the theme selector and also the stuff wont pop up when you mouse over text.. much more user friendly.. you can check it out on my site www.thewindowscenter.com. I found the changed code on google dev.
I want to change the powered by google to the right of it instead on under it if anyone can figure that one out. or get rid of that part all together.. either way is fine with me.

[BadgerDog]

Originally Posted by billstelling

there is no pop up in this one and instead it is a list like the theme selector and also the stuff wont pop up when you mouse over text.. much more user friendly.. you can check it out on my site www.thewindowscenter.com. I found the changed code on google dev.
I want to change the powered by google to the right of it instead on under it if anyone can figure that one out. or get rid of that part all together.. either way is fine with me.

Thanks ... :up:

Do you put your gaId: in anywhere, or is it necessary?

Also, any idea how to make the mod appear ONLY if the user acessing the site has his browser set for anything other than English? This is a nice mod, but it does dramatically slow down the home page display by up to a few seconds, depending upon how busy the access is to Google to get the code. It would be great for us if it only went out to Google to get the code and offer the translate option if the accessing user's browser was not set for English.

Regards,
Doug

[billstelling]

no i didn't put it in with it. stopped using adsense and gaId.. you can add that part back if you do.. I guess an andif parameter could be added, I'm just not sure of how to do it for there product. will take a better coder.. I'm still leaning it all. I can do mods and what not to existing code but not good enough you to do my own stuff. I just figure it out by trial and error..
but i do like this one and like you wish it was a bit more configurable.

[raj4x]

Originally Posted by billstelling

I want to change the powered by google to the right of it instead on under it if anyone can figure that one out. or get rid of that part all together.. either way is fine with me.

Add/change to:

PHP Code:

layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL 


That should put the text on right side next to box.
Still finding a way to remove the whole thing, might not be possible.

Cheers, Raj.

[raj4x]

Did anyone notice the translation does not "stick"...?

If you select a language on a page/thread and click on new thread, it's back to the default language again?

[TheLastSuperman]

Originally Posted by raj4x

Did anyone notice the translation does not "stick"...?

If you select a language on a page/thread and click on new thread, it's back to the default language again?

Works fine for me navigating, usually takes a second to reload the page - translated of course.... "New Thread" though might be the issue besides you don't want everyone posting in languages you can't admin so best for it to return to your default language as a reminder per say imo.

[raj4x]

Originally Posted by TheLastSuperman

Works fine for me navigating, usually takes a second to reload the page - translated of course.... "New Thread" though might be the issue besides you don't want everyone posting in languages you can't admin so best for it to return to your default language as a reminder per say imo.

Yep, works now, thanks.

[billstelling]

<!-- Translate vBulletin -->
<style>
.goog-te-banner-frame{display: none !important;}
body{top: 0px !important;}
.goog-te-balloon-frame{display: none !important;}
font{background: transparent !important;}
</style>
<div id="google_translate_element" class="footer_select"></div><script>
function googleTranslateElementInit() {new google.translate.TranslateElement({
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL,
         pageLanguage: 'en',    gaTrack: true,}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- /Translate vBulletin -->

this is how i have it now.