구글 번역기 적용하기

블로그의 해외 방문자들을 위해 번역을 제공기 위해 구글 번역기를 적용해 보았다.

블로그는 Nextjs로 만들어져 있어 Nextjs에 GoogleTranslate API를 적용해 보았다.

<div id="google_translate_element" />
<Script
  strategy="lazyOnload"
  src={`https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit`}
/>
<Script strategy="lazyOnload" id="gt-script">
  {`
      function googleTranslateElementInit() {
      new google.translate.TranslateElement({
      pageLanguage: 'kr',
      autoDisplay:'true',
      layout: google.translate.TranslateElement.InlineLayout.VERTICAL
      }, 'google_translate_element');
      }
`}
</Script>

블로그의 NaviBar에 직접 확인해 볼 수 있고 추후 디자인을 변경할 계획이다.