jQueryと@anywhereでさくっとTwitterを表示「jTweetsAnywhere」

Twitterからリリースされた@anywhereを、もっとわかりやすく利用するjQueryプラグインを紹介。
jTweetsAnywhere - jQuery Twitter Widget with @Anywhere supportで簡単にサイトに導入しましょう。
jQueryと@anywhereでさくっとTwitterを表示「jTweetsAnywhere」サンプル

使用方法
jTweetsAnywhereからファイルをダウンロードします。
<link rel="stylesheet" type="text/css" media="all" href="jquery.jtweetsanywhere-1.0.0.css" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.jtweetsanywhere-1.0.0.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=APIキー&v=1"></script>

APIキーの取得には、Twitterでのアプリケーション登録が必要です。
アプリケーション登録申請から登録し、API keyを取得下さい。
次にやりたいことに応じてjsを下記のように記述します。
<script type="text/javascript">
$(document).ready(function(){
//ここからユーザーのTL表示とfollowボタン表示です
$('#id名').jTweetsAnywhere({
username: 'skuare', //ユーザー名(複数の場合['skuare','jquery']などとしてください)
count: 5, //表示数
showFollowButton: true, //followボタンの表示
});

//ここから位置情報に基づきTL表示
$('#id名').jTweetsAnywhere({
searchParams: ['geocode=35.647340385544865,139.71320986747742,1km'], //geocodeと距離を記述します
count: 5
});

//ここからリスト表示
$('#id名').jTweetsAnywhere({
username: 'sigwyg', //表示させたいリストを作成したユーザー名
list: 'sugamo-css', //リスト名
count: 10
});
});
</script>

最後にidを記述すれば完成です。
<div id="id名"></div>
jQueryと@anywhereでさくっとTwitterを表示「jTweetsAnywhere」サンプル

sponsors

「jQueryと@anywhereでさくっとTwitterを表示「jTweetsAnywhere」」をシェアする

記事作成:
記事URL:

TOP > > > jQueryと@anywhereでさくっとTwitterを表示「jTweetsAnywhere」