Topsy Retweet Buttonを設置してみた

スポンサーリンク

Blog⇔Twitterの連動を良くする為に、Twitter連携をあれこれ試していたところ、ようやくそれなりに納得できる機能に対応する事が出来た。

■実現したいこと
・該当の記事がTwitterでツイートされた数の表示
・該当の記事をRetweetできる機能

■実現した方法
『Topsy Retweet Button』をJavaScriptで実行する。

■導入前

■導入後

■実際のコード

本当は、色の変更とか色々カスタマイズをしたかったんだけれど、CSSの書き方が良く解ってないので今日はひとまずここまで(^ ^;

ちなみに、WordPressのプラグインとして、『Topsy Retweet Button』も提供されていて
そちらの方が高機能かつ設定も簡単そうだったんだけれど、TwitterでRTするときに文字化けするという致命的な問題を解決できそうに無かったので、文字化けの発生しないJavaScriptに落ち着いた次第。

■参考にさせて頂いたサイト
Topsy Labs » Topsy Retweet Button for Web Sites

TOPSYのパーツのRETWEETボタンを設置する JavaScript | molog