'ajaxsearch'에 해당되는 글 2건
- 2007/05/24 구글 AJAX Search API - 태그를 활용해 블로그 연관글을 출력해보자(티스토리,태터툴즈)(3)
- 2007/05/20 구글 AJAX Search API 를 이용해 블로그를 꾸며보자
그런데, 코드부분에 직접 검색어를 넣어야 하는점이 아쉬웠다.
즉, 검색어를 미리 입력해야 했다.(Wizard 도구에서 제공하는 화면이다)
코드 부분을 살펴보면, 다음과 같다.(아래는 미리 입력한 것들이다)
[code html]
function LoadBlogBar() {
var blogBar;
var options = {
largeResultSet : false,
title : "The blogsphere",
horizontal : true,
orderBy : GSearch.ORDER_BY_DATE,
autoExecuteList : {
executeList : ["프레임웍", "개발자", "태터툴즈", "메타블로그", "웹서비스"]
}
}
[/code]
이런 식으로 관련 검색어를 직접 넣어두어야 하는 것이었다.
그래서 관련글과는 상관없는 글들이 노출이 되었다.
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. 올블릿의 연관글과 비교해 보면 재미있다. ^^
이올린에 북마크하기
이올린에 추천하기
Trackback : http://devlog.experlab.com/trackback/310
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 를 생성해야하는 듯 하다.(구글계정이 필요)
Recent Comment