短縮URLを勉強してみる

twitter JavaScript

About Twitter's Link Service (http://t.co)というサービスが始まっているらしく、ツイートボタンも仕込んだりしてイロイロと便利になるらしい。

Javascriptのプロパティはツイートボタン作成ページで頑張れば意図したものができるっぽい。

**ボタンを選択してください。カスタマイズすることもできます。
***ボタン
-既定値「data-count="horizontal"」水平方向にカウント数を表示
-「data-count="vertical"」垂直方向にカウント数を表示
-「data-count="none"」カウント数の表示なし
***ツイート内テキスト
-既定値「ボタンが表示されるページのタイトル(Content of the <title> tag)」
-「data-text="hogehoge"」hogehogeが表示される
***URL
-既定値「ボタンが表示されるページのURL(HTTP Referrer)」
-「data-url="http://www.example.com/hoge/」特定のURLを指定できる
***言語選択
-既定値「data-lang="en"」らしい
-「data-lang="ja"」で日本語になる
**フォローするのにおすすめのユーザー(オプション)
-既定値、ログインしているユーザー名「data-via="kenmituo"」
もう一人追加できる
-「data-related="user_hoge:hoge is zeek"」
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
   <a href="http://twitter.com/share" class="twitter-share-button"
      data-url="http://dev.twitter.com/pages/tweet_button"
      data-via="kenmituo"
      data-text="つぶやく"
      data-related="user_hoge:hoge is zeek"
      data-count="vertical"
      data-lang="ja">Tweet</a>
</div>

出来上がったスクリプトの気持ち悪さが気になる場合は「&」を使ってプロパティを作り上げることも出来る

url=http%3A%2F%2Fdev.twitter.com
via=twitterapi
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
  <a href="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com&amp;via=twitterapi" class="twitter-share-button">Tweet</a>
</div>

ボタンを改造するパターンも用意されていた

<style type="text/css" media="screen">
  #custom-tweet-button a {
    display: block;
    padding: 2px 5px 2px 20px;
    background: url('http://a4.twimg.com/images/favicon.gif') left center no-repeat;
    border: 1px solid #ccc;
  }
</style>
<div id="custom-tweet-button">
  <a href="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a>
</div>

　
なんとなく分かってきた。
ハッシュタグをいれるには「data-text="#hash_tag"」とやればOK。
　

分かったこと

　

検索してページ内に表示したい

さてさて、短縮URLとハッシュタグを検索する方法を調べてみる。
　
　
特定ユーザーの発言をajaxで取り込むことはやったことがあった。

短縮URLやハッシュタグの検索ってどうやるんだろう？
そこで見つけたのがコレ

取得件数に難あり。すくない。
　

検索を見つけた

1500件まで検索できると書いてあるが、一気に検索出来るわけではなくてrpp*pageが1500というだけ。1-100、101-200といった結果を取得できる。15分割して検索すれば出来そうだけど検索上限値があるみたいなので諦める。
　
実践サンプルを改造してみた

// JSONの取得
$.getJSON('http://search.twitter.com/search.json?q=%23' + c.hash +'&rpp=100&callback=?',function(data){

これなら100件取得できる。ページ内に表示してみたら多すぎた。

　
短縮URLを取得する方法を探してみた。

javascript:void(open("http://twitter.com/share?url="+encodeURIComponent(location.href)));

loadで取得できなかったので諦めた。