구글 AJAX Search API 를 이용해 블로그검색바(Bar)를 다는 것을 잠깐 소개했다.
그런데, 코드부분에 직접 검색어를 넣어야 하는점이 아쉬웠다.
즉, 검색어를 미리 입력해야 했다.(Wizard 도구에서 제공하는 화면이다)

코드 부분을 살펴보면, 다음과 같다.(아래는 미리 입력한 것들이다)
이런 식으로 관련 검색어를 직접 넣어두어야 하는 것이었다.
그래서 관련글과는 상관없는 글들이 노출이 되었다.
이것을 글의 태그를 검색어로 넣어보면 좋을 듯 해서 바꾸어 보았다.
이런 모양으로 보여지게 된다.
올블릿에 태그를 사용하는 방법
을 응용한 것이다.
위 글의 조건도 동일하다.(태그부분이 먼저 나와야 한다.)
그리고 맨 처음의 코드부분을 수정한다.
이제는 구글블로그검색 Bar 에 관련글이 뜰 것이다.
태그가 개별적으로 검색되어 결과가 나타나는 듯 하다.(엉뚱한 글이 나오는 경우가 있다.)
태그에 꼭 필요한 단어만 입력해 놓는 것이 좋을 듯 하다.
ps. 올블릿의 연관글과 비교해 보면 재미있다. ^^
그런데, 코드부분에 직접 검색어를 넣어야 하는점이 아쉬웠다.
즉, 검색어를 미리 입력해야 했다.(Wizard 도구에서 제공하는 화면이다)

코드 부분을 살펴보면, 다음과 같다.(아래는 미리 입력한 것들이다)
이런 식으로 관련 검색어를 직접 넣어두어야 하는 것이었다.
그래서 관련글과는 상관없는 글들이 노출이 되었다.
executeList : ["프레임웍", "개발자", "태터툴즈", "메타블로그", "웹서비스"]이 부분이 바로 나중에 바꿀 부분이다.
이것을 글의 태그를 검색어로 넣어보면 좋을 듯 해서 바꾸어 보았다.
이런 모양으로 보여지게 된다.
올블릿에 태그를 사용하는 방법
을 응용한 것이다. 위 글의 조건도 동일하다.(태그부분이 먼저 나와야 한다.)
<script type="text/javascript" src="http://www.prototypejs.org/assets/2007/5/1/prototype.js"></script>처럼 <s_tag_label> .... </s_tag_label> 사이에 넣는다.( [ ##_tag_label_rep_## ] 에서 [ , # 사이 공백제거 )
<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>
그리고 맨 처음의 코드부분을 수정한다.
executeList : eval(tagJsonData)처럼 바꾸어 준다.
이제는 구글블로그검색 Bar 에 관련글이 뜰 것이다.
태그가 개별적으로 검색되어 결과가 나타나는 듯 하다.(엉뚱한 글이 나오는 경우가 있다.)
태그에 꼭 필요한 단어만 입력해 놓는 것이 좋을 듯 하다.
ps. 올블릿의 연관글과 비교해 보면 재미있다. ^^



댓글을 달아 주세요
티스토리에 연관글 기능이 없어서 아쉬웠는데 간지러운 곳을 긁어주시네요. 감사합니다. ;-)
나름 쓸만해 보이기는 하는데, 한동안 달아보고 어떤지 살펴봐야 겠습니다. ^^
님 덕분에 좋은 정보 얻어갑니다.
제 블로그에도 적용해 보았더니 잘 되는군요.
페이지 로딩 시간이 아주 약간 길어진 것 외에는 정말 마음에 듭니다. 감사합니다.^^