개발로그 - devLog

'구글API'에 해당되는 글 1건

2007/05/24 구글 AJAX Search API - 태그를 활용해 블로그 연관글을 출력해보자(티스토리,태터툴즈) (3)

구글 AJAX Search API - 태그를 활용해 블로그 연관글을 출력해보자(티스토리,태터툴즈)

개발 2007/05/24 00:40

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

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

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


 function LoadBlogBar() {
   var blogBar;
   var options = {
        largeResultSet : false,
        title : "The blogsphere",
        horizontal : true,
        orderBy : GSearch.ORDER_BY_DATE,
        autoExecuteList : {
          executeList : ["프레임웍", "개발자", "태터툴즈", "메타블로그", "웹서비스"]
   }
 }

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

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. 올블릿의 연관글과 비교해 보면 재미있다. ^^