in between days

表参道で働くシニアのブログ

キーワード統計グラフを貼るには?

d:id:hatenadiary:20041208#1102499097

本日、キーワードの言及数やアクセス数の最近の推移をグラフで確認可能な、キーワード統計グラフページを公開しました。
……
※言及数、言及ランク、アクセスランクの各グラフ画像については、自由に他のサイト等に掲載頂いて構いませんが、その際、グラフ画像からは必ず当該キーワードページへのリンクを張って頂きますようお願いします。

ということで、グラフ画像を貼って良いと言うことだが、どういうURLになるのか書かれてない気がした。ので、リンク先URLと画像URLを調べてみた。調べてみたっつーかソースを確認しただけだが。

ソースを確認

はてなダイアリー日記の「言及数:はてな」画像を貼ってるタグはコレ:

<a href="http://d.hatena.ne.jp/keywordstats/%a4%cf%a4%c6%a4%ca?type=refcount"><img src="http://d.hatena.ne.jp/keywordstats/%a4%cf%a4%c6%a4%ca?mode=graph&type=refcount"></a>

ためしにココにも貼ってみた。ペタリ。


URLの構文

これを見ると次のような構文になっていることがわかる。

リンク先(統計ページ)URL
http://d.hatena.ne.jp/keywordstats/〜?type=refcount
画像URL
http://d.hatena.ne.jp/keywordstats/〜?mode=graph&type=refcount

このURLを分析するとさらに次のようなことがわかりますな。

  1. /keywordstats/キーワードで「統計ページ」が表示される。
  2. type=<mode>を追加すると、違う統計情報が表示される。
    用意されている統計情報は次の通り:
    • refcount:言及数(mode省略時のデフォルト)
    • refrank:言及ランク
    • accessrank:アクセスランク
  3. mode=graphを追加すると、画像そのものが表示される*1
  4. vs=別のキーワードで比較対象を指定すると、比較グラフになる。

最後の4つ目は「言及数:はてなダイアリー/はてなアンテナ」のグラフのURLからわかることだが、以上4点が「キーワード統計グラフ」を自分のブログなり日記なりに貼り付けるときに考えなきゃいけないこと。

実演

ということで実際にグラフを貼ってみよう。

このグラフを貼り付けてるタグはこれだ。

<a href="http://d.hatena.ne.jp/keywordstats/%a4%cf%a4%c6%a4%ca%a4%ce%cb%dc?type=accessrank&vs=%a4%c0%a4%ec%a4%ac%a1%d6%b2%bb%b3%da%a1%d7%a4%f2%bb%a6%a4%b9%a4%ce%a4%ab%a1%a9"><img src="http://d.hatena.ne.jp/keywordstats/%a4%cf%a4%c6%a4%ca%a4%ce%cb%dc?mode=graph&type=accessrank&vs=%a4%c0%a4%ec%a4%ac%a1%d6%b2%bb%b3%da%a1%d7%a4%f2%bb%a6%a4%b9%a4%ce%a4%ab%a1%a9"></a>

もやはナニがどうなってるかよーわからん……。まあ、実際にはキーワードページから統計ページに飛んで、そこにある画像のURLをコピペすりゃいーわけだが。

*1:たぶんこのグラフは何かライブラリを呼んでリアルタイムで生成→表示されるんだろう