Integration with vBulletin - Google's website translator

Google's website translator

Translate your website with Google: Expand your audience globally

Live Demo: LinuxTuts

This is straight from google and is nothing compared to "NLP-er's" translator Mod for 3.8x version of vBulletin.

But if you're like me and had That translator Mod installed and have people from different parts of the world already visiting your website, you have to do something while That Mod is getting upgraded.

Here's How...

1) Copy/paste this code into the bottom of your "header" template.

PHP Code:

<div align="right">
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en'
  }, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div> 


2) Here's the official API code from google to put into your "headinclude" template.

Including the Transliteration API on Your Page

AJAX Transliteration API is packaged under the "elements" module. To include the Google Transliteration API in your page, first you need the Google AJAX APIs script tag:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

This script tag will load the google.load function, which lets you load the individual Google APIs. For loading Google Transliteration API, calls to google.load look like this:

<script type="text/javascript">
google.load("elements", "1", {
packages: "transliteration"
});
</script>

That's a quote from google.

Here's the code again for you to copy/paste into your "headinclude" template.

PHP Code:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("elements", "1", {
      packages: "transliteration"
  });
</script> 


Mine worked without the API, but I figure this makes it load faster and work better.
I'm no programmer/coder, but I get by with my own few little hacks and just thought some of you might like this as well until something better comes along.

Official Google resources are Here.

http://translate.google.com/translate_tools?hl=en&layout=1&eotf=1

and

http://code.google.com/apis/ajaxlanguage/documentation/#TransliterationApiLoading

[twizzler]

Seems to be good one, but I will wait a bit

[jnrdavo]

anybody know a way to get it to be inline with the main logo of the forum?

Mines sitting just below (and to the right), taking up unwanted space... I would really like it to be under the Welcome message if possible...

Happy to post up a link to the site if required.

[linuxututs]

Ok, I can get above the logo by finding...

{vb:raw ad_location.ad_header_logo}

and place this code "below" it...

PHP Code:

<div align="justify"><div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en'
  }, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></div> 


I'm fixing to figure out how to get it below the navbar and to the right...

[linuxututs]

If navigate to "Navigation / Breadcrumb Templates "
Then to "navbar"

And place this code at the end of the file you can get it to line up at the right below your navbar as well.

PHP Code:

<div align="right"><div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en'
  }, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></div> 


Think I will be leaving it there Myself.

Its fast to.

[jnrdavo]

great hack, but how can I get it to sit up here...

First pic is existing location


Second pic is where I want it to be...


Any help appreciated...

[DieselMinded]

thanks worked great

[speakeasy media]

When I place the Google script code at the bottom of the header template (or anywhere else in any template, for that matter) it gives me an internal server error.

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator, [my email address] and inform them of the time the error occurred, and anything you might have done that may have caused the error.

More information about this error may be available in the server error log.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

The error log says:

[Sat Jul 03 13:12:42 2010] [error] [client 200.62.106.103] File does not exist: /home... .../admincp/template.php?s=&do=edit&templateid=4047&group=&sea rchstring=&expandset=2[/url]

I can make minor non-code changes and it saves just fine, but not this. And I have several customized templates.

So I'm lost and don't know what to do...

[speakeasy media]

So I guess I'm the only one with this problem.

[friendlymela]

any screenshot for this?