2007년 07월 22일
구글 검색창 달았습니다 (수정)
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님 블로그에서 확인해주세요.)
와아 멋쟁이 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님 블로그에서 확인해주세요.)
이 글과 관련있는 글을 자동검색한 결과입니다 [?]
- 이글루에 Google 검색창 달기 Part 2 by codebook
- 이글루스에 구글 검색창 달기 - 옛날 삽질은 오늘의 희망? by NoSyu
- 블로그에 Google 검색창을 달다 by codebook
- 이글루스에 엠파스 검색창 넣기 by NoSyu
- 잡담 by 초록불
# by | 2007/07/22 17:29 | intro | 트랙백 | 덧글(12)











☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
전 디자인에 약해서.....
생각해보니 제가 소스 공개만 했지 소스에 대한 설명을 넣지 않았네요.;;;;
cx=''
'' 부분에 자신의 아이디를 넣어야 한다는 설명을 깜박했는데,
역시 잘 찾으셨네요.^^
혹시 헷갈리게 했다면 죄송합니다.
하지만, 오늘은 졸려서 ... ㅎㅎ
아싸!! 내 허접한 블로그에 검색창이... 으하하하
사실 디자인은 구글에서 제공하는 소스를 수정하다 보니 저렇게 된 것 뿐이랍니다. ㅎㅎ 그냥 보기에 깔끔하고 좋아서 그대로 사용하고 NoSyu님이 공개하신 것을 첨가했어요. 소스를 최대한 간단하게 줄이다보니 약간씩 차이 나는 것도 있어요.
아이디 부분은 처음부터 원래 소스에서 수정하는 과정을 거치다보니 자연스레 바꿀 수 있었습니다. 걱정해주셔서 고맙습니다. (--)(__)
비공개 at 2007/07/22 18:31/첫번째 input에서 window.open 함수는 저희집 컴퓨터만 그런건지 몰라도 엔터로 검색했을 때 창 2개가 연속적으로 떠서 삭제해버렸습니다. 익스 6을 써서 그런 것 같기도 한데 혹시 파폭에서는 제대로 작동하지 않나요?
몽당연필/구글 검색 굉장히 좋죠. 전 굉장히 자주 쓰는 편입니다. (구글의 무서움을 알게 된 것이 제가 알던 분이 장난으로 절 스토킹 했을 때였죠. -_-;)
Custom Search Engine에 가입하는 절차가 필요하긴 하지만 몇가지만 수정하시면 쉽게 사용이 가능하실 겁니다.
소스 공개해두었습니다. ^^ 참고하시고 도움이 되시길 바랍니다.
으음, 창을 여러개 띄워놓고 쓰는 건 확실히 좋은 습관인 것 같습니다. 슈타인호프님의 글들을 읽으면서 항상 참조나 출처가 잘 밝혀져 있어 읽기에도, 그리고 더 알아보고자 할 때 편리하다는 것을 뼈저리게 느꼈거든요. 저도 얼른 그런 좋은 글쓰기 습관을 들여야 할텐데 말입니다. ^^
이글루스에서 form 태그는 이상하게 저장은 되는데도 작동을 안합니다. 후후.. 운영진 지금 싸우자는건가. -_-; 솔직히 form만 제대로 지원되도 지금보다 더 많은 것을 할 수 있을 것 같아요. 아직까지는 script가 좀 많이 아쉽지만.
그런데 구글 검색창이 지금 제 컴퓨터(IE6)에서 멀쩡히 작동하는데 다른 분들 컴퓨터는 어떤지 모르겠습니다. 혹시 파폭에서 제대로 작동하지 않는다면 말씀해 주세요.
위의 포스트를 보시면 form태그가 지원되네요.;;;
아마 스킨 편집에서는 작동하는 듯싶습니다.OTL...
그러나 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도 꾸며볼 계획을 가지고 있구요. *-_-* (이런건 항상 계획 단계에서 그치긴 합니다만... -_-;;)
저야말로 codebook님 덕분에 또다른 좋은 정보를 얻었네요. 핑백 날려주셔서 감사합니다.
p. s. NoSyu님은 언젠가부터 제 기준으로는(..) 사고뭉치가 되었네요.