[JS]크롬 번역기능 호출

다른 사용법

위의 방법과 동일한 결과물을 볼 수 있는 다른 방법입니다.

<!-- Google 번역 -->
<div id="google_translate_element" class="hd_lang"></div>
<script>
	function googleTranslateElementInit() {
		new google.translate.TranslateElement({
			pageLanguage: 'ko',
			includedLanguages: 'ko,zh-CN,zh-TW,ja,vi,th,tl,km,my,mn,ru,en,fr,ar',
			layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
			autoDisplay: false
		}, 'google_translate_element');
	}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- //Google 번역 -->

위의 소스를 통해 아래와 같은 결과물을 볼 수 있습니다.

 

<!-- Google 번역 -->
<div id="google_translate_element" class="hd_lang"></div>
<script>
	function googleTranslateElementInit() {
		new google.translate.TranslateElement({
			pageLanguage: 'ko',
			includedLanguages: 'ko,zh-CN,zh-TW,ja,vi,th,tl,km,my,mn,ru,en,fr,ar',
			//layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
			autoDisplay: false
		}, 'google_translate_element');
	}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- //Google 번역 -->

옵션 조절을 통해 디자인 변경 및 표시할 언어, 페이지 기본 언어 등을 선택해 줄 수 있습니다.

 

언어(ISO 639)

위의 API에서 언어 코드를 많이 사용하게 되는데, 이때 참고할 만한 위키백과 링크입니다.

○○○어 의 형식으로 검색하면 해당 국가의 언어로 넘어갑니다.

ISO 639 코드 목록과 해당 국가의 언어 부호를 정보로 사용하였습니다.