はてなブックマークの被ブックマーク数やfacebookのLike,Shareなどの件数を(簡単に)テキストで取得する方法

Count Social

どうも、S.i.Nです。

今回はタイトル通り、はてなブックマークのようなソーシャルブックマークの件数や
任意のURLを含むツイートの件数なんかをテキストで取得する方法についてまとめたいと思います。
というかタイトル長いですね。

今回扱うのは

  • はてなブックマークの被ブックマーク数
  • facebookのLike / Share の件数
  • 任意のURLのページが含まれるツイートの件数

これだけです!これだけなんです。

Antisocial Button

なぜテキストで取得したいのか。

昨今とても便利な世の中で、

はてブなら
はてなブックマークボタン

Twitterなら
ツイートボタン

facebookのLikeボタンなら
Likeボタン

のように、各サービスでボタンのジェネレータを用意してくれていて
利用者は簡単に自分のWebサイト用に、件数の表示されたボタンを設置することができます。
ならばなぜ、わざわざ自分で件数を取得なんてする必要があるのか。

私の場合理由はただ1つ。

公式ボタンのデザインがあんま好きじゃないから

です。

多分腕のいいデザイナーさんとかであれば、公式のボタンをうまいこと使って
綺麗なデザインに仕上げられるのだと思うのですけど…

テキストで取得することができれば、cssで自由にスタイリング出来て
デザインも思うがままです。

今ご覧頂いているこのエントリのタイトル下にある
「この記事をシェアする」
というボタンをぽちっとすると、
この記事のURLが含まれるツイートの件数やShareされた件数、はてブの件数が
Google Web Fontでスタイリングされて表示されているはずです。

こんな感じでも使えます。

それではさっそく、取得方法を書いてみます。

Twitter – 任意のURLを含むツイートの件数を取得

jqueryなjsを使って件数を取得します。

注意:jqueryの読み込み必須です

head内に

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

をコピペするなりして、まずjqueryを使う準備をします。

その後にこれをhead内なんかで読み込んでおくと、
body内でid=”TweetCount”で指定された箇所にそのURLを含むツイートの件数が表示されます。

	<script type="text/javascript">
		jQuery(document).ready(function(){window.countTweet = function(j){$('#TweetCount').text(j.count);};$.getScript('http://urls.api.twitter.com/1/urls/count.json?url=任意のURL&callback=countTweet');});
	</script>

Wordpressの場合ならこれでそのページのURLが入るはず。

	<script type="text/javascript">
		jQuery(document).ready(function(){window.countTweet = function(j){$('#TweetCount').text(j.count);};$.getScript('http://urls.api.twitter.com/1/urls/count.json?url=<?php the_permalink() ?>&callback=countTweet');});
	</script>

このコードはこちらの記事のコードを流用しています。

はてなブックマーク – 被ブックマーク件数を取得

はてブはもっと簡単で以下のコードを直接body内の、件数を表示したい箇所にコピペするだけです。
※間違っていたので修正しました。

<script src="http://api.b.st-hatena.com/entry.count?url=%20任意のURL%20&callback=document.write"></script>

Wordpressの場合ならこんな感じでそのページのブクマ数が取得できます。

<script src="http://api.b.st-hatena.com/entry.count?url=%20<?php the_permalink() ?>%20&callback=document.write"></script>

facebook – Like / Share の件数を取得

facebookも同様で、以下のコードを直接body内の、件数を表示したい箇所にコピペするだけです。

<script src="https://api.facebook.com/method/fql.query?query=select%20like_count%20from%20link_stat%20where%20url=%22任意のURL%22&callback=document.write"></script>

Wordpressの場合なら

<script src="https://api.facebook.com/method/fql.query?query=select%20like_count%20from%20link_stat%20where%20url=%22<?php the_permalink() ?>%22&callback=document.write"></script>

facebookの場合、このスクリプト内のURLを見ていただくと分かると思うのですが、
後半部分がSQLになっています。
ですので、like_countの部分をshare_countに変えると、shareの件数を取得することができます。

こんな感じです。

<script src="https://api.facebook.com/method/fql.query?query=select%20share_count%20from%20link_stat%20where%20url=%22任意のURL%22&callback=document.write"></script>

私は、LikeではなくShareの方を使っています。
これ何故かと言いますと、Likeは公式ボタン以外での投稿方法がないのです。
(もし方法を知ってる方いたら教えてほしいです。)
Shareは任意のアドレスを指定してのリンクが作成可能なのでShareを使っています。

とりあえずこれだけでいいやと思ってしまったので今回はこれでおしまいにします。
deliciousすらないのかよ。というつっこみが聞こえて来そうですが、ありません。

今後必要になったら追記すりゃいいやというスタンスです。

もっとゴージャスなAPIもきっとあるんだと思いますが、即席でコピペすりゃすぐ使える
というものを載せたかったのでこういう記事になりました。

最後に。

つっこみ、お待ちしております!

最後まで読んで頂きありがとうございます。
よろしければ右のボタンからフォロー・RSS購読していただけると幸いです。
暇つぶしの相手に最適です。

  • follow me
  • subscribe rss
  • このエントリーをはてなブックマークに追加
  • Pin It

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です