RUKXER.net

한달 전 쯤에 티스토리 검색과 관련된 공지가 기억나시려나요? 전체적인 속도 개선을 위해 기본 검색을 제목만 검색하는 것으로 다운그레이드 된 공지 말입니다.

뭐 그래도 그냥 그럭저럭 사용하고 있는데, 시간이 지날 수록 이게 압박이 되더군요. 포스팅을 하다보면 과거의 자료를 뒤지게 되는 경우가 있는데 딱히 제목이 기억나지 않는다면 난감하더라구요.

그래서 예전에 유행했던 구글 맞춤검색을 어쩔 수 없이 제 블로그에도 도입하기로 했습니다.




위 링크를 타고 이동하시면 아래 스샷과 같은 화면을 만나실 수 있습니다. 물론 로그인은 하셔야겠고요 :-)


화살표로 가리킨 버튼을 누르면 만드는 과정으로 넘어 갑니다.




일단 맞춤검색을 적용할 웹 페이지의 간단한 정보를 입력합니다.





그리고 그 아래에 검색 범위와 검색한 사이트를 입력하는 부분이 있는데, 크게 어려운 설정이 아니니 자세한 설명은 넘어갑니다 -ㅂ-





버전 선택도 크게 어려움 없습니다. 돈 내고 고급 서비스를 사용하자는 게 목적이 아니므로 표준형으로 체크하고 다음 단계로 갑니다.





그러면 미리보기를 통해 제 블로그 컨텐츠가 잘 검색되는지 알아볼까요?





시간순서를 맞출 수 없는 게 좀 아쉽지만, 그럭저럭 찾아내는 것 같습니다.
본문에 해당하는 부분에도 검색 키워드가 굵은 글씨로 나타나는 것으로 보아서, 다운그레이드 된 티스토리 기본 검색보다는 나을 것이라 기대되네요.





자, 이제 진짜 어려운 단계로 넘어갑니다.
위 스샷은 만들어진 검색엔진들을 리스트 시켜 볼 수 있는 메인 페이지인데, 여기서 제어판을 통해 블로그에 집어넣기 위한 설정을 할 수 있습니다.





가장 중요한 설정은 '코드 가져오기'입니다.
위 스샷과 같이 iframe을 사용하고 검색결과를 표시할 사이트에 자신의 지역검색 페이지를 입력합니다. 그리고 광고는 위와 아래에 배치하도록 해 놓는 게 좋습니다.

이 부분에서는 후글 님의 구글 인사이드에 있는 팁을 참조하였습니다.
저도 후글 님과 마찬가지로 지역검색 페이지를 전혀 사용하지 않기 때문에, 이 페이지를 구글 맞춤검색 결과 페이지로 활용하기로 한 것입니다.

여기까지 따라오면, 두 개의 코드가 생기는 것을 보실 수 있습니다.


검색창 코드는 사이드바에 집어 넣을 것이고, 검색결과 코드는 스킨의 html을 직접 수정하여 넣을 것입니다.

각각의 코드들은 창 크기 및 가로폭을 조절할 수 있는데요, 저는 이 부분을 찾는데 좀 헤맸습니다 -ㅂ-;;
위 그림에 원으로 표시한 대로, 검색창은 size="(숫자)" 를 수정하고 검색결과는 googleSearchFrameWidth = (숫자); 를 수정하시면 됩니다.
제 경우엔 size는 15, framewidth는 500으로 맞췄습니다.

주의하실 점은 위 화면에선 코드 수정이 안 되고, 코드를 블로그에 붙여 넣으신 다음에야 수정이 된다는 것입니다 :-)



일단 사이드바에 검색창을 붙여 넣는 과정 입니다.


사이드바에는 HTML 배너출력 플러그인을 이용합니다. 위 스샷처럼 주욱~ 드래그해서 사이드바 꾸미기 영역에 넣고, 편집하여 위 코드를 붙여 넣어 줍니다.

그 다음에 size를 수정하고 확인을 누르면 다 됐습니다 :-)



그리고 스킨 html을 수정합니다.


후글 님이 하신 것과 같이 지역검색 부분을 손 보시는 분들은 html 태그 부분 중에 <s_local> 이라는 부분을 찾으시기 바랍니다. 이 부분을 수정할 겁니다.
<h3> 태그로 묶인 부분은 그 페이지 제목에 해당하니, 이 이하의 부분은 몽땅 제거합니다. 그리고 검색결과 코드를 위 스샷과 같이 붙여 넣습니다.
framewidth를 수정하고 저장하면 모든 과정이 완료됩니다 :-)


쪼~끔 복잡하네요 -ㅂ-; 그래도 나름 잘 적용시키고 나니 허접해진 티스토리 기본 검색보다는 좀 마음이 놓입니다 :-)

후글 님의 포스팅에 장단점도 상세히 기록되어 있으니, 꼭 참조하시기 바랍니다!!