title: Way to asynchronously load Google Translate widget for your website?
body: <p>Is there a way to asynchronously load Google Translate widget for your website?</p>
  
  <p>I tried putting this on the bottom of my page, but the #google_translate_element container was still empty.</p>
  
  <pre><code>&lt;!-- Asynchronous Google Translate --&gt;
  &lt;script type="text/javascript"&gt;
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar,bg,bn,de,el,eo,es,en,fr,hi,id,it,iw,ja,ko,pl,pt,ru,th,tr,vi,zh-CN', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-1234-1'}, 'google_translate_element');
  }
  
  (function() {
    var googleTranslateScript = document.createElement('script');
    googleTranslateScript.type = 'text/javascript';
    googleTranslateScript.async = true;
    googleTranslateScript.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
    ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( googleTranslateScript );
  })();
  &lt;/script&gt;
  </code></pre>