Topsyブログパーツ終了と対応

当ブログではTwitterのリツイート数をカウント表示に、Topsyのブログパーツを利用していました。ところが、先日ブログパーツの提供が終了してしまったとのこと。

Topsy Share button to be discontinued on 12th Feb 2013

ブログパーツが表示されなくておかしいなとは思っていました。便利なブログパーツだったので、残念です。早速対応をしました。

Twitter公式ブログパーツに切り替える

Topsyによれば、今後はTwitterの公式ブログパーツを利用することをお勧めしているので、公式ブログパーツに切り替えました。

Twitterの公式ブログパーツはこちらにあります。結構真剣に探して、ようやく見つけました。

Twitter / Twitterボタン

当ブログで使っているデザインは二種類です。

ツイート

<a href="https://twitter.com/share" class="twitter-share-button" data-url="https://www.wakatta-blog.com/topsy.html " data-via="kankichi" data-lang="ja">ツイート</a><br /> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><br />

Tweet

<br /> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="kankichi">Tweet</a><br /> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><br />

Twitterのページからだと、下の縦型のボタンが作れません。 aタグにh、data-count=”vertical” を入れると良いみたです。

Topsyのページを見たい

Topsyは、リツイートをすべて表示してくれます。Twitterだと一部しか表示されませんし、時間が経つと消えてしまうことも。

http://topsy.com/【記事URL】 で記事のリツイート情報を簡単に表示できます。例えばこの記事に対応するTopsyのページはhttp://topsy.com/https://www.wakatta-blog.com/topsy.htmlになります。私は面倒なので、ブックマークレットを作って利用しています。

Topsyブックマークレット

javascript:window.open(‘http://topsy.com/trackback?url=’+encodeURIComponent(document.location.href));undefined;

ぜひご利用ください。