구글 CSE의 인기 검색어를 티스토리에 적용하기
게시일: 2007/08/25 | 글쓴이: doa | 7202 번 | 프린트 | 메일


어제는 오랜만에 임꺽정 숯불촌에서 차돌박이를 먹었다 . 그리고 조금 일찍 자다보니 또 일찍(새벽 3시) 일어나게 됐다. 목요일에 주문한 휴대폰이 잘 오고 있는지 확인 하고 블로그를 방문해 보니 selic님이 "인기 검색어는 티스토리에는 적용이 안되겠네요."라는 글을 남긴 것 을 보았다.

처음에는 왜 티스토리 에 적용이 안된다고 했는지 의아했다. 그러나 구글 CSE(Custom Search Engine)의 인기 검색어를 사용하기 위해서는 query_renderer.js라는 파일에 자신의 검색엔진 코드를 집어넣고 서버에 올린 뒤 서버에 올린 파일을 참조해야 하는데 티스토리에는 이처럼 파일을 올릴 수 있는 기능이 없기 때문에 단 질문이었다.

생각을 바꾸면 세상이 바뀐다고 한다. 티스토리에 query_renderer.js 파일을 직접 업로드할 수 있는 방법은 없지만 티스토리도 파일을 첨부할 수 있는 기능을 제공하며, 이런 첨부 파일을 외부에서 바로 참조할 수 있다. 바로 이점을 이용하면 티스토리에서도 인기 검색어 기능을 사용할 수 있다. 절차는 다음과 같다.

  1. 구글 CSE의 인기 검색어 달기를 참조해서 query_renderer.js를 바꾼다.
  2. 티스토리 블로그 에 접속한 뒤 임의의 글을 작성하고 이 글에 query_renderer.js를 첨부한다. 예: 인기 검색어 JS 파일
  3. 올린 글(인기 검색어 JS 파일 )로 이동한 뒤 첨부된 query_renderer.js 파일에 마우스 오른쪽 단추를 클릭한 뒤 바로가기 복사를 클릭해서 query_renderer.js의 실제 경로(http://offree.com/attachment/ck2.js)를 클립보드로 복사한다.
  4. 인기 검색어 코드를 다음처럼 바꾼다.
    변경전 <div id="queries_013201085123733714985:0hks2nj4dgi"></div> <script src="http://google.com/coop/query_renderer.js"></script> <script src="http://google.com/coop/api/013201085123733714985/cse/0hks2nj4dgi/queries/js?callback=(new+PopularQueryRenderer(document.getElementById(%22queries_013201085123733714985%3A0hks2nj4dgi%22))).render"></script>


    변경전 <div id="queries_013201085123733714985:0hks2nj4dgi"></div> <script src="http://offree.com/attachment/ck2.js"></script> <script src="http://google.com/coop/api/013201085123733714985/cse/0hks2nj4dgi/queries/js?callback=(new+PopularQueryRenderer()).render"></script>


    여기서 http://offree.com/attachment/ck2.js는 사용자 마다 달라진다.


이렇게 한 뒤 티스토리 블로그 에서 구글 CSE(Custom Search Engine)를 검색해 보면 그림처럼 인기 검색어가 나타나는 것을 알 수 있다.



원격 데스크탑 동시 연결하기(무한) XP에서 처음 도입된 원격 데스크탑은 원격으로 컴... (12889) 2007-08-29
구글 CSE와 애드센스 연동하기 애드센스에서 사용할 수 있는 상품은 크게 콘텐츠용 애... (6832)2007-08-24

QAOS.com에 게시된지 1년 이상된 자료와 관리자가 공개한 자료는 누구나 제한없이 읽을 수 있습니다.
그러나 QAOS.com의 자료를 퍼가는 것은 금지하고 있습니다.

이 정보가 유용하다고 생각되시면 QAOS.com과 많은 다른 사람들을 위해 퍼가기 보다는 링크로 알려주시기 바랍니다.

세상사는 이야기

  • 찾아라! 아이폰 순정용 >
  • 만원대 피젯 스피너를 >
  • 망하는 길을 택한 쿠팡 >
  • 물놀이에 적당한 가성 >
  • 컴퓨터를 IPTV로 2, po >
  • 컴퓨터를 IPTV로 만들 >
  • Warning.or.kr도 우회 >
  • 한국의 100대 부자, 어 >
  • 세상을 바꾼 크롬: 크 >
  • 장난(?)으로 시작한 여 >


  • RSS 구독 (익명 | 회원 | 강좌 | 포럼)
    (C) 1996 ~ 2017 QAOS.com All rights reserved.