如何在点击时加载Google翻译小部件？

Question

我在我的网站上使用谷歌翻译小部件，但我不想在页面加载时加载它，因为它减慢了加载速度并且不经常使用。我希望有一个图像，只有当我点击该图像才能加载小部件时。

目前，我有这段代码：

<script type="text/javascript">


 function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'ro',
      includedLanguages: 'af,ar,de,en,es,fr,hu,it,ja,no,ro,ru,tr,zh-CN',
      layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
      autoDisplay: false}, 'google_translate_element');
  }

  var googleTranslateScript = document.createElement('script');
  googleTranslateScript.type = 'text/javascript';
  googleTranslateScript.async = true;
  googleTranslateScript.src = 'http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
  ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild(googleTranslateScript);
</script>

有人可以帮忙吗？