Google Blog BarをMovableTypeと連動させてみる。
2007.03.21 JavaScript
我らがGoogleよりまた面白い(けど地味な)ものがリリースされたのでご紹介。
Google AJAX Search API - Blog Bar Wizard
Googleの検索結果を表示するブログパーツ。AdSense風のタイプとAppleのHotNews風の2種類。ま言ってみれば何のことはない、という感じですが、JavaScriptを用いて文字がフェードイン・フェードアウトで現れたり、更新された時間が表示されたりと、シンプルながらなかなか芸の細かいブログパーツであります。
で、Googleのサイトを見るに基本的な使用例としては、あらかじめ表示されるキーワードを選択し(例えば「Apple」「Google」「Microsoft」等)、そのキーワードをランダムで表示させるつもりらしい。確かにそれはそれでいいんですが、キーワードを変えたいときが面倒くさくない?とか、ただそれだけじゃあんまり面白くなくない?とも思ったり。せっかくブログパーツなんだから、ブログと連動した使い方はないものか…。
MovableTypeのエントリー記入欄には キーワード という項目があり、ここにはブログ内検索用の語句を記入します。ただ、このキーワードをいまいち活用できた試しがない(いやSEO対策にはなるんでしょうけど)。しかも記入するのがめんどくさくて空欄にしてしまうこともしばしば。…ということでどうせならこのエントリーごとのキーワードを用いて先ほどのブログパーツを表示させたら関連リンクみたいで面白いんじゃない?てことでGoogleのページで取得できるブログパーツのソースコード内のLoadBlogBar()部分を下記の様に書き換えました。もちろんMovableTypeテンプレート専用。
function LoadBlogBar() {
var blogBar;
var options = {
largeResultSet : false,
title : "<$MTBlogName$>",
horizontal : true,
orderBy : GSearch.ORDER_BY_DATE,
autoExecuteList : {
executeList : ["<$MTEntryKeywords$>"]
}
}
blogBar = new GSblogBar(document.getElementById("blogBar-bar"), options);
}
本当にプチハック。でもAdSense広告じゃない、ブログ内容と連動したパーツっていうのは意外と今までなかった気がしますね。
ちなみにGoogle Blog Barに近いものにGoogle News Barがあります。要するにサイト検索ではなくGoogleニュース検索になったものですね。サイトの種類によってはこっちの方が向いている場合もあるかも。いろいろ試してみましょう。
関連リンク:
ブログ検索の結果をブログパーツにできる『Google Blog Bar』 | P O P * P O P
Google News Bar