어제는 오랜만에 임꺽정 숯불촌에서 차돌박이를 먹었다 . 그리고 조금 일찍 자다보니 또 일찍(새벽 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)를 검색해 보면 그림처럼 인기 검색어가 나타나는 것을 알 수 있다.