정보/블로그 운영팁

티스토리 블로그(홈페이지) 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

반응형
그리드형(광고전용)

댓글25

  • $#12@#6 2020.11.15 17:40 신고

    좋은 내용 잘보고 갑니다. 감사합니다.
    답글

  • 반가 사유 2020.11.16 07:51 신고

    방금 코드 삽입하여 설정했습니다~ㅎㅎ 감사해요!!
    답글

  • 5시 에세이 2020.11.17 05:09 신고

    정말 좋은 정보입니다!
    답글

  • 워니차니 2020.12.05 21:35 신고

    정말 티스토리에 유용한 정보네요...^^... 이런 고급정보를 다 어떻게 아세요? 전문가 포스 쫘악 흐릅니다당...^^
    답글

    • 아미넴 2020.12.06 17:02 신고

      아이구 부끄럽습니다 ㅎㅎ 저도 몰랐는데 그냥 이것저것 검색해보다가 우연히 알게 되었어요 :)

  • Fancy_kang 2020.12.13 23:16 신고

    와 대박 이거 정말 제가 전부터 찾던 기능인데ㅠㅠ 못했었거든요 너무 잘보고 가요...!
    답글

  • Fancy_kang 2020.12.13 23:17 신고

    그나저나 블로그 전체에 적용하는것은 스킨편집에서 소스 붙여넣기 하는건가요?
    답글

  • Fancy_kang 2020.12.14 00:13 신고

    궁금한게 있는데 이게 모바일에도 작용하나요..?
    답글

    • 아미넴 2020.12.14 00:18 신고

      네 동일하게 동작해요~ 다만 기본으로 제공하는 모바일웹 자동 연결은 사용하지 않음으로 설정하셔야 하고 스킨이 반응형이어야 합니다 ㅎㅎ

    • 아미넴 2020.12.14 00:19 신고

      팬시님 블로그 들어가서 확인해보니 스킨은 반응형이라서 그대로 사용하시면 될 것 같고 관리 페이지에서 모바일웹 자동 연결 설정은 변경하셔야 할거같아요!

    • Fancy_kang 2020.12.14 00:24 신고

      아하 일단 시도해볼게요 너무 감사합니당ㅎㅎㅎ

    • 아미넴 2020.12.14 15:04 신고

      네네 ㅎㅎ 궁금한건 언제든 물어보세요!

  • Fancy_kang 2020.12.14 23:23 신고

    모바일 웹 자동연결을 사용하지 않습니다로 변경하니까 언어선택이 뜨긴뜨는데 블로그 메뉴 누르기가 되지않는다는 단점이 있네요ㅠㅠ
    답글

    • 아미넴 2020.12.14 23:26 신고

      그 부분은 원래 되어야 정상인데 스킨에 문제가 있는 것 같습니다.
      혹시 어떤 스킨 쓰고 계시는지 알 수 있을까요?

  • Fancy_kang 2020.12.14 23:32 신고

    "109 반응형 1단 라운더"라는 스킨이고 티스토리에서 나온 스킨이 아니라, 사용자가 만든 스킨을 제가 다운받은거에요~ 하하
    답글

    • 아미넴 2020.12.14 23:35 신고

      아 ㅠ 그럼 제가 보는데 한계가 있을 수도 있겠네요.. 일단 알 수 있는지 확인해 보고 다시 말씀드릴게요!

  • Fancy_kang 2020.12.14 23:38 신고

    헉.. 그렇게까지ㅠ,ㅠ 에고 그냥 pc모드로 언어설정 할 수 있던것에도 감사하고 있습니다! ㅎㅎㅎㅎㅎ
    답글

    • 아미넴 2020.12.14 23:53 신고

      그 스킨 찾아서 등록해봤거든요.
      저는 메뉴 버튼도 잘 동작하는데 아마 스킨 등록하실 때 좀 잘못하신 것 같아요.
      제 생각에는 images 폴더에 있는 파일들이 정상적으로 등록이 안 된 걸로 보이는데 폴더 안에 있는 파일들은 그냥 폴더만 선택하시면 안되고 폴더 안으로 들어가서 직접 파일을 선택하셔야 제대로 등록이 됩니다.
      스킨 재등록해서 적용하시는 편이 좋을 것 같아요.

      스킨 다시 적용하시면 기존 셋팅 값들 다 날라갈 수도 있으니 주의하시구요.
      수정하신 부분이 많으면 백업을 받아놓든 하는 편이 좋을 거예요.

    • Fancy_kang 2020.12.15 00:51 신고

      ㄷㄷㄷ 괜히 손대서 큰일날까봐 무섭네용 파일안에 들어가서 파일 직접적으로 업로드 한것 같은데 흠...몬가 실수가 있었나봐요ㅠㅜ 에효 한번 살펴봐야겠어용

    • 아미넴 2020.12.15 00:56 신고

      글들은 날라가지 않을테니 안심하셔두 되는데.. 만약 스킨을 수정한 부분이 많다면 좀 신중하셔야 할 것 같습니다 ㅎㅎ
      직접 봐드리고 싶은데 한계가 있네요 ㅠ

💲 추천 글