정보/블로그 운영팁

티스토리 블로그(홈페이지) GTranslate 구글 번역 위젯 적용

변태 개발자 아미넴 2020. 11. 12.
 

 

#함께보면_좋은글

sangminem.tistory.com/195

 

티스토리 블로그(홈페이지) 외국인 해외 검색 유입을 위한 나만의 전략

최근에 해외 사용자 유입도 고민을 해 보았습니다. 외국어 구사 능력은 없는데 외국인도 내 글을 봤으면 좋겠고.. ㅋㅋ 어떻게 하면 좋을까 고민을 하다가 최근 성능이 눈에 띄게 향상된 구글 번

sangminem.tistory.com

 

문득, 내 블로그 컨텐츠를 번역하여

외국인까지 볼 수 있게 만들면 어떨까 하는 생각을 해 보았습니다.

 

물론 검색 사이트에서 외국어로 검색했을 때

내 글이 결과에 포함 되어야 가능한 일이긴 하지만

일단은 번역 기능이라도 적용해 보고 싶었습니다.

 

그래서 열심히 알아 본 결과,

다음과 같이 적용 가능한 2가지 방법을 찾았습니다.

GTranslate 위젯(Widget) 적용
카카오(Kakao) 번역 API 적용

그 중 먼저 GTranslate 위젯(Widget) 적용에 대해 알아 보도록 하겠습니다.

 

gtranslate.io

 

GTranslate - Website Translator: Translate Your Website

Here is the list: Afrikaans, Albanian, Amharic, Arabic, Armenian, Azerbaijani, Basque, Belarusian, Bengali, Bosnian, Bulgarian, Catalan, Cebuano, Chichewa, Chinese (Simplified), Chinese (Traditional), Corsican, Croatian, Czech, Danish, Dutch, English, Espe

gtranslate.io

정말 간단하게 구글 번역 기능을 적용할 수 있는 임베디드(embedded) 형태의 위젯 입니다.

저희는 일단 무료 버전을 적용해 볼 건데요.

유료 버전을 이용하면 검색 사이트에서도 해당 언어로 검색될 수 있는 기능도 제공하는 것 같습니다.

FREE의 DOWNLOAD를 클릭 합니다.

 

오픈된 화면에서 HTML 탭으로 이동하면 아래와 같은 위젯 옵션이 보입니다.

저는 대부분 기본 값을 유지하고,

Default language를 Korean으로 바꾸고

Show flags만 체크 해제하고 적용해 보겠습니다.

 

Widget code의 내용을 복사합니다.

그리고 원하는 위치에 적용하면 되는데요.

저는 이 글에 일단 넣어 보겠습니다.

 

티스토리 블로그에서 글을 작성하실 경우

에디터에서 HTML 모드로 변경을 해 줍니다.

 

원하는 위치에 다음과 같이 붙여 넣기를 합니다.

저는 이 글 맨 위에 넣어 보았습니다.

태그가 좀 복잡하군요.

 

 

저장을 하고 글을 조회해 보면 다음과 같이 셀렉트 박스가 하나 생긴 것을 알 수 있습니다.

 

영어로 한 번 변경해 보겠습니다.

번역이 만족스럽게 잘 되네요.

 

제 블로그 전체에 적용한 모습입니다.

얼핏 보면 그냥 외국 사이트 같죠 ㅋㅋ

※ 참고로 인터넷 익스플로러에서는 동작하지 않습니다.

 

 

다음 포스팅에서 카카오(Kakao) 번역 API 적용에 대해서도 알아 보도록 하겠습니다.

 

sangminem.tistory.com/164

 

티스토리 블로그(홈페이지) 카카오(Kakao) 번역 API 적용

#함께보면_좋은글 sangminem.tistory.com/160 티스토리 블로그(홈페이지) GTranslate 구글 번역 위젯 적용 Select Language Afrikaans Albanian Arabic Armenian Azerbaijani Basque Belarusian Bulgarian Catalan..

sangminem.tistory.com

BIG

댓글25

💲 추천 글