Google Translate widget

google-translate-widget.html

<div id="google_translate_element"></div>
<script type="text/javascript">
  function googleTranslateElementInit() {
    var translateEl= new google.translate.TranslateElement({
      includedLanguages: 'en,es',
      pageLanguage: 'en'
      // autoDisplay: false,// doesn’t seem to have any effect
      // multilanguagePage: true// will always include the page language as an option
      // NOTE: Setting the layout option will replace the <select> with inaccessible markup
      // layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
      // layout: google.translate.TranslateElement.FloatPosition.TOP_RIGHT// seems to be the same as SIMPLE
    }, 'google_translate_element');
  }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Please note that usage will be restricted to government, non-profit, and/or non-commercial websites (e.g. academic institutions) that focus on COVID-19 response.

See https://developers.google.com/search/blog/2020/05/google-translates-website-translator

the pageLanguage is 'en', but the translate button itself is following the language of country by IP; how to fix this?

@dandeancook pageLanguage defines the original language of the page, not the user’s preferred language.

👍