« 「ruby-gtk2」パッケージのインストール (Windows編) | メイン | 「dp.SyntaxHighlighter」でウェブ上でもコードを見やすく表示する »

Googleの「Ajax News Bar」で自分のサイトにニュースを流す

  はてなブックマークに追加 このエントリを livedoor クリップへ追加

Googleから「Ajax News Bar」が公開されています。
「Google AJAX Search API 」を利用したアプリケーションです。

キーワードを指定するだけで、キーワードに関連したニュースを「News Bar」に流すことができます。
さらに、「News Bar Wizard」を利用することで、自分だけ「News Bar」を簡単に作ることができます。


簡単ですが、順を追って説明しておきます。


(1)Customize it

  Style: 
    News Strip (vertical orientation)    (縦長で表示する)
    News Reel (horizontal orientation)   (横長で表示する)

  Search Expression:   (キーワードをカンマ区切りで指定する)

  Title: (News Barの名前を指定する)
                  縦長で表示するを選んだ場合のみ、表示されます。

  Preview news bar (クリックすると、生成される「News Bar」を確認できます。


(2)Tell us about your web site

  「News Bar」を配置するウェブサイトのURLを指定します。


(3)Generate code for your web page
  
  「Generate code」をクッリクすると、「News Bar」を貼り付けるためのスクリプトが表示されます。
  思ったより長いスクリプトです。

  また、コードを生成するためには、「Google Account」にログインする必要があります。

生成されたスクリプトを、「News Bar」を配置したい場所にコピーすれば「News Bar」の設置は完了です。


実際に「Ajax, Java, Ruby」というキーワードで「News Bar」をつくってみました。

  (注)
    blogの本文中で利用する場合には、本文中でscriptタグが利用できるように
    設定する必要があります。


「News Bar」のリンクの開き方や概観などがカスタマイズできるようです。
私の場合、ニュースの記事をクリックしたとき、別のウィンドウが開くようにオプションを追加してみました。

options」変数に、「linkTarget : GSearch.LINK_TARGET_BLANK」を追加するだけです。

詳しくは「News Bar Programming Guide」を参照してください。


ネタ元はこちら
  「Google、3ステップで作ってブログに貼れる「Google News Bar」公開





Ads BOARD








最近のエントリーとその関連エントリー

トラックバック

このエントリーのトラックバックURL:
http://kazuhiro.ty.land.to/blog/mt-tb.cgi/147

  Map