ニュースバーウィザード - GoogleニュースをあなたのWebページに載せよう

ニュースバーをあなたのWebサイトに貼り付けて、訪問者が、あなたの選んだGoogleニュースの検索結果の見出しやプレビューを見られるようにしましょう。ニュースバーの見せ方をカスタマイズして、コードを手に入れましょう。

カスタマイズしよう

形式：	ニュース一切れ（縦長）ニュースの巻物（横長）

検索条件：	※単純な条件か、カンマ区切りで複数の条件を指定できます。
タイトル：	※形式が縦長の時に使われます。

あなたのサイトにコードを足そう

ニュースバーを表示したい場所に以下のコードをコピー＆ペーストしましょう。コードは<head> ... </head>の中には貼り付けないでください。その場合は、<div id="newsBar-bar"></div>部分をコードから抜き出して適切な場所に移動させる必要があります。

<!-- ++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
  -->
  <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-nbw"
    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 : "",
        horizontal : ,
        autoExecuteList : {
          executeList : 
        }
      }

      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++ -->

ニュースバーに関する追加情報

ニュースバーを使って他にどんなことができるか興味がある場合は、 GSnewsBar ドキュメント（英語）をご覧ください。ほんの少しプログラムをすれば幾つかのオプションを変更できます。

参考情報

ご質問がある場合は、Google の AJAX 検索 API ディスカッショングループを参照し、同じ質問が投稿されていないか確認してください。 Google AJAX 検索 API チームもこのグループに参加しており、皆様のご質問にお答えしています。