Web taemy's Site
구글 AJAX Search API 를 이용해 블로그검색바(Bar)를 다는 것을 잠깐 소개했다.

그런데, 코드부분에 직접 검색어를 넣어야 하는점이 아쉬웠다.
즉, 검색어를 미리 입력해야 했다.(Wizard 도구에서 제공하는 화면이다)


코드 부분을 살펴보면, 다음과 같다.(아래는 미리 입력한 것들이다)


이런 식으로 관련 검색어를 직접 넣어두어야 하는 것이었다.
그래서 관련글과는 상관없는 글들이 노출이 되었다.

executeList : ["프레임웍", "개발자", "태터툴즈", "메타블로그", "웹서비스"]
이 부분이 바로 나중에 바꿀 부분이다.


이것을 글의 태그를 검색어로 넣어보면 좋을 듯 해서 바꾸어 보았다.

사용자 삽입 이미지

이런 모양으로 보여지게 된다.


올블릿에 태그를 사용하는 방법 을 응용한 것이다.
위 글의 조건도 동일하다.(태그부분이 먼저 나와야 한다.)
<script type="text/javascript" src="http://www.prototypejs.org/assets/2007/5/1/prototype.js"></script>

<div id='tag_list' style='display:none;'>[ ##_tag_label_rep_## ]</div>
<script language="javascript">
var tagVal = $('tag_list').innerHTML.stripScripts().stripTags().gsub(/(\n|\r)/ , ' ');
var tagJsonData = tagVal.split(",").toJSON() ;
</script>
처럼 <s_tag_label> .... </s_tag_label> 사이에 넣는다.( [ ##_tag_label_rep_## ] 에서 [ , # 사이 공백제거 )

그리고 맨 처음의 코드부분을 수정한다.
executeList : eval(tagJsonData)
처럼 바꾸어 준다.

이제는 구글블로그검색 Bar 에 관련글이 뜰 것이다.

태그가 개별적으로 검색되어 결과가 나타나는 듯 하다.(엉뚱한 글이 나오는 경우가 있다.)
태그에 꼭 필요한 단어만 입력해 놓는 것이 좋을 듯 하다.


ps. 올블릿의 연관글과 비교해 보면 재미있다. ^^

이올린에 북마크하기(0) 이올린에 추천하기(0)
2007/05/24 00:40 2007/05/24 00:40
이미 알고 있는 분들이 많을 것 같지만, 정리삼아 써본다.

http://code.google.com/apis/ajaxsearch/wizards.html
Google AJAX Search API - Wizards 라는 것.

구글맵부터 비디오, 뉴스, 블로그 검색등을 바(bar),배너 형태로 자신의 블로그에 달 수 있도록 지원한다.

이 블로그에 테스트로 아래부분에 넣어 보았다.(상황을 봐서, 얼마후에 뗄 생각)
비디오 와 블로그 검색 Bar 를 넣어보았다.

사용법은 따로 쓸 필요도 없이 간단하다.

1) 해당 검색어를 입력 하고 2) 자신의 블로그주소를 입력, 3) 코드를 생성해서 블로그에 삽입하면 끝이다.

사용자 삽입 이미지
이런식으로 보여진다.


# 추가 21일 :

잠깐 붙여놓고 들게된 생각
1. 비디오 는 시선을 붙들어 두기는 좋을 듯 하다.
딱히 이 블로그에는 어울리지 않을 듯.

2. 블로그 검색 bar 는 괜찮을 듯 하다.
어떻게 보면 올블릿의 관련글의 역할과 같은 효과를 얻을 수 있겠다.


# 추가 22일 :

google API key 를 생성해야하는 듯 하다.(구글계정이 필요)

이올린에 북마크하기(0) 이올린에 추천하기(0)
2007/05/20 20:13 2007/05/20 20:13