Web Page Documentation

Google Translate - multi language

Google Translate - multi language

The following technique is a quick and mostly effective way to create translated pages. it is NOT supported, nor ENDORSED - properly translated web pages are always better.

Sometimes you may be doing a show that caters to a language outside your usual cultural domain. The following is a quick and dirty way to get Google to translate your pages for you after they have been rendered. Effectively:

  • the TM Server renders the pages in english and delivers them to the user
  • Google Translate does the best job it can do of translating that page into the language chosen by the user. It won't be perfect, but it might be good enough.
  • From that point on, all pages on your web site will be in the other language.

To implement

  • Start Theatre Manager
  • Open company preferences at the Web Listener Tab
  • Copy the text in yellow below and paste into the Bootstrap Footer Display Code
  • Replace UA-xxxxxxxx-x with your own google account number
  • Save the company preferences
  • Test your web pages - you should see a popup like the this:

 

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