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.

[svyrydov]

working fine on 4.2.1

[RichieBoy67]

Ok, I see now. This is not really a mod but rather just a snippet from Google. Instead of using this it works better to go to the Google translate page. place the first section in your headincludes and then the last section in your footer. Do it this way and it will somewhat match your site.

When I first installed this I did it quickly because a client wanted it and I did not even realize it was just a snippet from Google. Funny how people post these like they have created a mod or something.

In addition posting it after </form> may not work for many sites depending on what they have in their footer. I suggest posting it at the very bottom but I also suggest not using this code here but use the code directly from Google translate so you end up with the code in your headincludes.

[goarack]

Thanks That was Pretty simple

[billstelling]

Some css I created to mod it a bit.. After coding this in for vB again today I also noticed that it is persistent even if you close the browser.

.goog-te-gadget-simple {
    border: none !important;
    border-style: solid;
    border-radius: 3px;
    border-color: rgb(222, 222, 222);
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.6);
    background: none repeat scroll 0% 0% rgb(244, 244, 244);
    font-size: 14pt;
    display: inline-block;
    margin-top: 23px;
    padding-top: 1px;
    padding-bottom: 1px;
    cursor: pointer;
}
.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: none;
    color: #000 !important;
    font: 14px "Droid Sans",sans-serif,Arial,sans-serif;
}
.goog-te-gadget-icon {
    background-image: none !important;
    border: none !important;
    height: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    vertical-align: middle;
    width: 0px !important;
}
#goog-gt-tt {
    
    visibility: hidden !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    box-shadow: none !important;
}
.goog-te-banner-frame {
    border-color: -moz-use-text-color -moz-use-text-color #FD7D16 !important;
    box-shadow: 0 0 8px 1px #FD7D16 !important;
}

[Scalemotorcars]

Just a note that this messes with the center alignment of highslide if you're using it. It works great but I need the image enlarger more than the translator.

[oldfan]

Works great on 4.2.6. php 7.2