버마 민주화를 응원합니다


故 노무현 전 대통령의 서거를 진심으로 애도합니다.

구글 검색창 달았습니다 (수정)

NoSyu님의 블로그에서 트랙백 합니다.


와아 멋쟁이 NoSyu님께서 또 사고(?)를 쳐주셨네요. +_+
일단 표현은 그러려니 하시고 내용을 봅시다.


구글, 아마 많은 분들이 네이버와 함께 가장 많이 이용하시는 서치(search) 중에 하나일 겁니다. (저같은 경우엔 전체웹 검색은 구글, 한글웹 검색은 네이버->구글 콤보로 합니다.)
그런데 혹시 구글의 강력한 검색 기능으로 (공통된 도메인을 가지고 있는) 특정 사이트 혹은 자신의 블로그 내의 글을 쉽게 검색해보고 싶다는 생각은 안해보셨는지요?

기존의 구글에서는 'site:주소'를 첨가함으로써 이것이 가능했습니다.
하지만 이 방법 외에도 구글에서 맞춤형 검색창을 만들 수 있는 'Custom Search Engine'이라는 서비스가 따로 제공되고 있습니다.
개인적으로 구글 중요도 검색을 완전 사랑(..)하기 때문에 냉큼 달아봤습니다.

사실 구글에서 제공하는 소스는 form, script를 사용하기 때문에 바로 이글루스로 가져와 사용할 수 없습니다.
그렇기 때문에 NoSyu님께서 노고 끝에 직접 소스를 만드셔서 공개하셨습니다.
덕분에 저도 약간의 수정을 거친 후-모양새 수정 및 오작동을 일으키는 부분 삭제- 손쉽게 달았구요. 이글루 파인더 밑에 넣어두었습니다. (카테고리를 제외한 글 찾는 툴들은 모두 오른쪽으로 몰아놔서;;)
현재 굉장히 편하고 검색 성능이 끝내줘서 아주 만족 중입니다. T_Tb


혹시라도 지금 당장 구글 검색창을 달고 싶으신 분이 계시다면
이글루스에 엠파스 검색창 넣기 - by NoSyu
이글루스에 구글 검색창 달기 - 옛날 삽질은 오늘의 희망? - by NoSyu
를 참고하세요~


마지막으로 유용한 소스를 공개해주신 NoSyu님께 감사의 마음을 전합니다. :D


<추가>
아래는 제가 사용한 소스입니다.
구글에서 제공한 소스와 NoSyu님이 공개하신 소스를 적절히 섞었습니다.

<img src="http://www.google.com/coop/images/google_custom_search_smwide.gif" alt="Google Custom Search">
<br><input name="q" type="text" id="q" style="width:100px;height:16px" onKeyDown="javascript:if(13==event.keyCode){('http://www.google.com/cse?cx=006912429218967893751:bko-qp6qhu8&q='+encodeURI(document.getElementById('q').value));}">
       <input type="submit" name="sa" value="Search" align="absmiddle" onclick="window.open('http://www.google.com/cse?cx=006912429218967893751:bko-qp6qhu8&q='+encodeURI(document.getElementById('q').value));">

빨간색으로 표시한 부분은 여러분께서 반드시 수정하셔야 하는 부분입니다.
구글 Custom Search Engine의 고유 ID라고 생각하시면 됩니다.

소스에 대해 NoSyu님께서 직접 따로 설명을 해주셨습니다. 확인해 봅시다.
또 초록불님께서 한눈에 보기 쉽고 초보가 이해하기에 어려움이 없는 설명을 올려주셨습니다.
codebook님의 간략하고 깔끔한 설치기입니다. (Custom Search Engine이 아닌 보통의 Google Search를 응용해서 다는 방법도 있습니다. codebook님 블로그에서 확인해주세요.)

by 아르핀 | 2007/07/22 17:29 | intro | 트랙백 | 덧글(12)

트랙백 주소 : http://arepin.egloos.com/tb/1355468
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Commented by NoSyu at 2007/07/22 18:31
깔끔하게 만드셨네요.^^
전 디자인에 약해서.....
생각해보니 제가 소스 공개만 했지 소스에 대한 설명을 넣지 않았네요.;;;;
cx=''
'' 부분에 자신의 아이디를 넣어야 한다는 설명을 깜박했는데,
역시 잘 찾으셨네요.^^
혹시 헷갈리게 했다면 죄송합니다.
Commented at 2007/07/22 18:31
비공개 덧글입니다.
Commented by 몽당연필 at 2007/07/22 23:57
오호, 이거 웬지 땡기는데요?
하지만, 오늘은 졸려서 ... ㅎㅎ
아싸!! 내 허접한 블로그에 검색창이... 으하하하
Commented by 아르핀 at 2007/07/23 02:45
NoSyu/우왕 친절한 NoSyu씨 정말로 감사합니다. ~_~)~ 다시 가보니 보충 설명이 덧글로 추가됐더군요. 이로써 많은 분들께 도움이 될거라고 확신합니다.
사실 디자인은 구글에서 제공하는 소스를 수정하다 보니 저렇게 된 것 뿐이랍니다. ㅎㅎ 그냥 보기에 깔끔하고 좋아서 그대로 사용하고 NoSyu님이 공개하신 것을 첨가했어요. 소스를 최대한 간단하게 줄이다보니 약간씩 차이 나는 것도 있어요.
아이디 부분은 처음부터 원래 소스에서 수정하는 과정을 거치다보니 자연스레 바꿀 수 있었습니다. 걱정해주셔서 고맙습니다. (--)(__)
비공개 at 2007/07/22 18:31/첫번째 input에서 window.open 함수는 저희집 컴퓨터만 그런건지 몰라도 엔터로 검색했을 때 창 2개가 연속적으로 떠서 삭제해버렸습니다. 익스 6을 써서 그런 것 같기도 한데 혹시 파폭에서는 제대로 작동하지 않나요?
몽당연필/구글 검색 굉장히 좋죠. 전 굉장히 자주 쓰는 편입니다. (구글의 무서움을 알게 된 것이 제가 알던 분이 장난으로 절 스토킹 했을 때였죠. -_-;)
Custom Search Engine에 가입하는 절차가 필요하긴 하지만 몇가지만 수정하시면 쉽게 사용이 가능하실 겁니다.
소스 공개해두었습니다. ^^ 참고하시고 도움이 되시길 바랍니다.
Commented by 슈타인호프 at 2007/07/23 03:50
어차피 창을 하나만 열어놓고 쓰는 게 아니므로--;;
Commented by 아르핀 at 2007/07/23 03:53
슈타인호프/슈타인호프님도 야행성이신가.. -_-;
으음, 창을 여러개 띄워놓고 쓰는 건 확실히 좋은 습관인 것 같습니다. 슈타인호프님의 글들을 읽으면서 항상 참조나 출처가 잘 밝혀져 있어 읽기에도, 그리고 더 알아보고자 할 때 편리하다는 것을 뼈저리게 느꼈거든요. 저도 얼른 그런 좋은 글쓰기 습관을 들여야 할텐데 말입니다. ^^
Commented at 2007/07/23 09:26
비공개 덧글입니다.
Commented by 아르핀 at 2007/07/23 11:29
비공개 at 2007/07/23 09:26/아 그렇군요~! input이 보기 좋다고 생각하고 계속 고집하다보니까 발생한 사태로군요. ㅎㅎ
이글루스에서 form 태그는 이상하게 저장은 되는데도 작동을 안합니다. 후후.. 운영진 지금 싸우자는건가. -_-; 솔직히 form만 제대로 지원되도 지금보다 더 많은 것을 할 수 있을 것 같아요. 아직까지는 script가 좀 많이 아쉽지만.
그런데 구글 검색창이 지금 제 컴퓨터(IE6)에서 멀쩡히 작동하는데 다른 분들 컴퓨터는 어떤지 모르겠습니다. 혹시 파폭에서 제대로 작동하지 않는다면 말씀해 주세요.
Commented by NoSyu at 2007/08/03 22:11
http://codebook.egloos.com/499393
위의 포스트를 보시면 form태그가 지원되네요.;;;
아마 스킨 편집에서는 작동하는 듯싶습니다.OTL...
Commented by 아르핀 at 2007/08/04 03:51
NoSyu/아니요. 저같은 경우엔 스킨 편집으로 달아놓은 것인데, 처음에 기존 제공 소스를 한번 넣어서 확인을 해봤으나 소용이 없었습니다. -_-;
그러나 form을 그대로 두고 보통 Google Search를 이용해서 site 명령어를 부가적으로 추가한 경우에는 작동을 했습니다.

이걸로 봐서는 그당시의 단기적인 시스템 문제가 아니면 Google Custom Search Engine에 한에서는 예외가 있는 것 같습니다. 구글 검색창을 달아 자기 블로그내에서만 검색하도록 따로 명령어를 추가하는 경우와 특정 사이트 내에서만 검색하고 엔진을 따로 관리할 수 있는 Custom Search의 성격이 다른 것 같습니다. 그래서 작동을 안하는 걸지도. (일단 Custom Search는 관리자 부분이 있으니까요; 각각 form의 action 부분을 보시면 단순 Google Search는 http://www.google.com/search, Google Custom Search Engine는 http://www.google.com/cse 입니다.)

전 후에도 따로 홈페이지를 추가할 것이기 때문에 Custom Search 쪽이 더 편합니다. ^^ 물론 저 소스에서도 쉽게 추가할 수 있긴 하지만요.
뭐.. 기왕 관리자 페이지 쓸 수 있으니까 그점을 활용해서 Search도 꾸며볼 계획을 가지고 있구요. *-_-* (이런건 항상 계획 단계에서 그치긴 합니다만... -_-;;)
Commented by codebook at 2007/08/09 23:52
아르핀님의 자세한 설명에 감동~ ^^ NoSyu님은 역시나 사고뭉치~ ㅋㅋㅋ 핑백겁니다. ^^
Commented by 아르핀 at 2007/08/11 22:04
codebook/아니에요. 이건 설명이라기보다는 '제 블로그에는 이러이러한 것들이 있습니다.'라고 소개하는 글이라서요. ㅎㅎ
저야말로 codebook님 덕분에 또다른 좋은 정보를 얻었네요. 핑백 날려주셔서 감사합니다.
p. s. NoSyu님은 언젠가부터 제 기준으로는(..) 사고뭉치가 되었네요.

:         :

:

비공개 덧글

◀ 이전 페이지다음 페이지 ▶