CODEWITHSUNDEEP
javascriptphphtmlgoogle-translate
Nicola Bosio
Nicola Bosio

Reputation: 11

Auto start google translation with the current browser language on page load

I have the google translate widget on my website. I want to translate my page with the current browser language on page load. Here is my current widget code. Thanks.

<?php $lang = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2); ?>
<div id="google_translate_element"></div>
<script type="text/javascript">
   function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: '<?php echo $lang;?>',`
        autoDisplay: true
      },'google_translate_element');
   }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Upvotes: 1

Views: 3127

Answers (1)

Vamsi Krishna
Vamsi Krishna

Reputation: 162

You can use this : 

   <div class="custom-translate" id="google_translate_element"></div>

    <script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false},'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 );
    })();
    </script>

To know the current browser language, use the below script:

<script type="text/javascript"> 
   var currentBLang = navigator.language || navigator.userLanguage;
   console.log('Current browser lang '+currentBLang); 
</script>

Upvotes: 1

Related Questions