ウェブサイト・ブログにtwitterのつぶやきを表示させるためのjavascript

ウェブサイト・ブログにtwitterのつぶやきを表示させるためのjavascript。
以下のサイトで説明とjsファイルがダウンロードできます。

http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/

ものすごく簡単。
上記サイトでtwitter.jsダウンロードしてアップ、htmlにソースと表示ブロックを記載するだけ。

デザインは各自いじってくださいという簡単なソースです。

html中表示したい場所に以下のようなソースを記載。
上記アドレスサンプルの日本語版的な。。。


<!--twitter用-->
<div id="tweet">
<p>Please wait while my tweets load <img src="http://www.spiral-records.com/psts/images/loading2.gif" /></p>
<p><a href="http://twitter.com/novolver">tweeterデータ取得中だけど、だめだったらクリックしてね</a></p>
<script src="http://www.spiral-records.com/psts/twitter.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
getTwitters('tweet', {
id: '***ID***',
count: *表示コメント数*,
enableLinks: true,
ignoreReplies: true,
clearContents: true,
template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
});
</script>
</div>
<!--twitter用 end-->

twitter APIを使っているので、

Twitter API Wiki
Twitter API Wiki (日本語)

で勉強するとカスタマイズできます(ハズ(笑))。
Wiki(日本語)中に翻訳バージョンへのリンクもありますが、Twitter仕様書の日本語訳は
http://watcher.moe-nifty.com/memo/2007/04/twitter_api.htmlです。
こういう方はほんとありがたいです。

ちなみにAPI規制:60分間に70リクエスト。認証を伴うリクエストのみ。POSTは除外の一文あり。ほほう。

↓サンプルです。

twitterつぶやき

tweeterデータ取得中だけど、だめだったらクリックしてね

なお、というか今気づいたけどMovable Typeを利用したサイトであればアクションストリームを利用する方法があったね!
shit!

Javascript/jQuery | | トラックバック(0) |
Share |

トラックバック(0)

トラックバックURL: http://www.spiral-records.com/mt/mt-tb.cgi/1191

Facebookコメントプラグイン

Powered by Movable Type 4.261

Tumblr : log long long time ago