구글 CSE 붙이기 II(티스토리)
게시일: 2007/08/23 | 글쓴이: doa | 9208 번 | 프린트 | 메일


구글 CSE(Custom Search Engine)는 이전 팁에서 설명한 것처럼 구글의 강력한 검색 기능을 로컬 검색 기능처럼 사용할 수 있는 아주 좋은 기능이다. 구글 CSE 붙이기 I(홈페이지)에서 설명한 것처럼 구글 CSE를 이용하는 방법은 세가지가 있지만 그 중 가장 좋은 방법은 검색창도 로컬 사이트에 달고 결과창도 로컬 사이트에 다는 방법이다.

문제는 티스토리 와 같은 가입형 블로그에는 특정 파일을 업로드해서 검색창을 달 수 있는 방법이 없다는 점이다. 태터툴즈를 이용하면 파일을 생성해서 업로드하는 것은 가능하며, 검색 결과 역시 로컬 도메인에서 검색된 것처럼 보여줄 수는 있지만 스킨과 검색 결과가 따로 놀기 때문에 그리 바람직한 방법은 아니다.

따라서 이번 팁에서는 티스토리처럼 가입형 블로그나 태터툴즈처럼 스킨을 사용하는 경우 CSE를 심는 방법을 설명하겠다. 근본적으로 검색창 코드와 결과창 코드를 가져오는 방법은 구글 CSE 붙이기 I(홈페이지)와 거의 같다. 또 티스토리에 삽입하는 방법과 태터툴즈에 삽입하는 방법은 스킨을 편집한다는 점에서 같기 때문에 티스토리만으로 설명하도록 하겠다.

검색창 달기
  1. 설정하려는 검색 엔진(QAOS)의 control pannel을 클릭한 뒤 Code를 클릭한다.
  2. Search box and search results code for your website+ 기호를 클릭한다.
  3. Please select a branding style for your search box.에서 검색창의 모양을 선택하고 Save Changes 단추를 클릭한다. 필자는 구글 로고가 검색창 안에 나오는 마지막 항목을 선택했다.
  4. Specify the URL of the page on your site where you want the search results to appear에 검색 결과를 내보낼 URL을 지정한다. 티스토리나 태터툴즈를 사용한다면 꼭 다음 주소를 입력해야 한다.
    http://블로그 주소/search 예: http://offree.net/search
  5. Specify where in the results you want advertising to be placed에서 적당한 광고 위치(예: Top and Bottom)를 선택한 뒤 Save Changes 단추를 클릭한다.
  6. Paste this code in the page where you'd like your search box to appear. 아래의 내용을 클립보드로 복사한다.
  7. 티스토리의 관리 도구에서 스킨/스킨편집을 차례로 클릭한다.
  8. <s_search>...</s_seach> 부분을 구글 CSE의 검색창 코드로 대치한다.
    그림에서 보면 알 수 있지만 필자는 s_search를 삭제한 것이 아니라 <!-- ... -->를 이용해서 주석으로 처리한 것을 알 수 있다. <s_search>...</s_seach>[s_search>...</s_seach]로 바꾼 이유는 s_search 태그를 해석하지 못하도록 한 것이다. 삭제하지 않고 이렇게 주석으로 처리한 이유는 혹시 나중에 복구할 때를 대비한 것이다.


결과창 달기
  1. Place this code in the page you'd like your search results to appear. 아래의 코드를 클립보드로 복사한다.
  2. 티스토리의 관리 도구에서 스킨/스킨편집을 차례로 클릭한다.
  3. 결과창 코드를 <s_list> 태그 바로 아래에 붙여넣는다. 이렇게 하면 구글 CSE 결과창도 사용할 수 있고 티스토리의 검색기능도 필요할 때 사용할 수 있기때문이다.


이 방법을 사용하면 티스토리나 태터툴즈에도 구글 CSE를 로컬 검색엔진처럼 붙일 수 있다. 다음은 필자의 블로그에 CSE를 붙인 결과이다.

검색창 결과창
검색창과 결과창 모두 블로그 내에서 표시된다. 애드센스 검색 상품처럼 로컬인지 외부인지 선택하는 래디오 단추도 없기 때문에 훨씬 깔끔하다.


구글 CSE를 달면 태터툴즈의 검색 기능이 사라지는 것 같지만 아니다. http://offree.net/search/다예 처럼 URL을 이용해서 검색 기능에 직접 접근할 수 있다. 구글 CSE 코드를 설명한 대로 삽입했다면 다음 그럼처럼 이 기능 역시 정상 동작하는 것을 알 수 있다.



구글 CSE 설정하기 이전 팁에서 구글 CSE(Custom Search Engine)에 대한 소개부터 간단... (10138) 2007-08-24
구글 CSE 붙이기 I(홈페이지) 구글 CSE(Custom Search Engine)를 설정했다면 이제 구글... (10765)2007-08-23

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

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

세상사는 이야기

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


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