JQueryを使った twitterのタイムライン 表示ができなくなった場合の対処方法。

2012年12月03日

twitterのタイムラインをワードプレスのサイドバーに表示させていたのですが、10月からいきなり表示されなくなってしまいました。どうやらTwitter APIの変更によりjQueryでつぶやきが表示できなくなったらしいです。
忙しくて、しばらくそのままにしていましたが、やっと手が空いたのでとりかかりました。

twitterのタイムライン を表示させる方法

ちょっと調べてみたところ、2013年の3月には、現在の方法(TwitterAPIのバージョン1)もまた停止されるらしいです。Webの世界では、こういう変更が頻繁にあるので、サイトを作ったらほったらかし、というわけにはいきませんね。

とりあえずの対処法を以下に記しておきます。
[USERNAME]のところには、ツイッターのユーザー名が入ります。

元のソース

</p> <ul id="twitter_update_list"></ul> <p><!– ここにTwitterの記事が入ります –><br /> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><br /> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&#038;count=5"></script><br />

これをどういう風に直すかというと・・・

↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

修正後のソース

</p> <ul id="twitter_update_list"></ul> <p><!– ここにTwitterの記事が入ります –><br /> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><br /> <script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&#038;count=5"></script><br />

facebookもtwitterも、仕様変更が多いですね〜
技術がどんどん進歩しているわけですから、我々はその都度、後を追いかけて行くしかないです。


共著書および執筆協力している本

効果的なアプリ/Web開発のための コラボレーションツール活用入門
単行本:¥3,229
[ 2016年10月発売 ]
 
HTML5+CSS3でつくる! レスポンシブWebデザイン
単行本:¥2,786
[ 2016年3月発売 ]
 
ビジネスサイトをこれからつくる WordPressデザイン入門 サイト制作から納品までのはじめの一歩
単行本:¥2,592
Kindle版:¥2,400
[ 2016年2月発売 ]
 

コメントを書く







コメント内容