구글 뉴스검색API 사용하기
최근의 뉴스 검색 AJAX API는 원하는 위치에 스크립트를 추가하는 것만으로 재미있는 기능을 구현할 수 있다.
"구글" 키워드로 만든 스크립트 상단의 뉴스바를 만드는 데에는 1분도 걸리지 않는다.
이른바 마법사 기능으로 가능한데, 마법사를 이용하면 고유키를 자동으로 생성해 주기도 한다.
사용 방법은 간단하다. 뉴스바의 마법사 페이지에 접속한 후 키워드와 서비스 할 인터넷 주소를 넣으면 자동으로
자바스크립트 코드가 생성되는데, 그 코드를 원하는 위치에 넣으면 된다.
<입력할 사이트>
http://cmb1004.cafe24.com
< 삽입할 구글뉴스 API 자바스크립트 코드 >
<!-- ++Begin News Bar Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->
<!--
// The Following div element will end up holding the actual newsbar.
// You can place this anywhere on your page.
-->
<div id="newsBar-bar">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
</div>
<!-- Ajax Search Api and Stylesheet
// Note: If you are already using the AJAX Search API, then do not include it
// or its stylesheet again
//
// The Key Embedded in the following script tag is designed to work with
// the following site:
// http://cmb1004.cafe24.com
-->
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-nbw&key=ABQIAAAApOoAVBbMKiUJNvjHtxLAORSnTW6hP3UBQ_UU2Os-AZS5MZQfghSdUK5p2HNHNKLREUvBOWU2Vvif8w"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/css/gsearch.css");
</style>
<!-- News Bar Code and Stylesheet -->
<script type="text/javascript">
window._uds_nbw_donotrepair = true;
</script>
<script src="http://www.google.com/uds/solutions/newsbar/gsnewsbar.js?mode=new"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/newsbar/gsnewsbar.css");
</style>
<script type="text/javascript">
function LoadNewsBar() {
var newsBar;
var options = {
largeResultSet : false,
title : "in the news",
horizontal : true,
autoExecuteList : {
executeList : ["Apple", "Google", "Microsoft"]
}
}
newsBar = new GSnewsBar(document.getElementById("newsBar-bar"), options);
}
// arrange for this function to be called during body.onload
// event processing
GSearch.setOnLoadCallback(LoadNewsBar);
</script>
<!-- ++End News Bar Wizard Generated Code++ -->