>웹 프론트엔드 >CSS 튜토리얼 >다국어 콘텐츠를 위해 Google 번역을 웹사이트에 통합하는 방법은 무엇입니까?

다국어 콘텐츠를 위해 Google 번역을 웹사이트에 통합하는 방법은 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-11-04 10:19:021059검색

How to Integrate Google Translate into Your Website for Multilingual Content?

웹 사이트에 Google 번역 통합

Google 번역은 웹 사이트 콘텐츠에 대해 여러 언어 옵션을 제공하는 편리한 방법을 제공합니다. Google 번역 및 HTML-5-Tutorial에 있는 두 개의 코드 스니펫은 약간의 변형을 가하여 이 목적을 수행합니다.

첫 번째 스니펫은 언어 선택 옵션 없이 번역 위젯을 설치하는 반면, 두 번째 스니펫에는 언어 선택 옵션을 허용하는 사용자 정의 가능한 선택 상자가 포함되어 있습니다. 사용자는 선호하는 언어를 선택합니다. 그러나 두 번째 스니펫이 로컬 사이트와 라이브 사이트 모두에서 작동하려면 일부 맞춤설정이 필요합니다.

두 번째 스니펫으로 Google 번역을 구현하려면 다음 단계를 따르세요.

  1. 다음 마크업을 웹사이트 HTML:
<code class="html"><div id="google_translate_element"></div>
<script>
  function googleTranslateElementInit() {
    new google.translate.TranslateElement(
      { pageLanguage: 'en' },
      'google_translate_element'
    );
  }
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></code>
  1. pageLanguage 옵션을 웹사이트 콘텐츠의 기본 언어로 사용자 정의하세요.
  2. CSS를 사용하여 번역 위젯의 스타일을 원하는 대로 지정하세요.

이러한 수정을 통해 HTML-5-Tutorial의 Google 번역 위젯은 로컬과 라이브 웹사이트 모두에서 작동하여 사용자에게 원활한 언어 선택 및 번역 옵션을 제공해야 합니다.

위 내용은 다국어 콘텐츠를 위해 Google 번역을 웹사이트에 통합하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.