TweetボタンをTOPSYに変えました。

最近、記事を多くTweetしてもらえる事があり、大変嬉しく思っているのですが・・・
どうもTweet数とTweetボタンに表示されている数が合っていないんじゃないかと思っていました。

そこで、TOPSYのTweetボタンを導入してみることにしました。

プラグインからの導入をオススメ

最初、コードで埋め込もうと思ったのですが、文字化けしてしまい使えなかったのでプラグインで導入することに。
以下のサイトからダウンロード、もしくはプラグイン検索で導入出来ます。

TOP画像を見てもらえるとTweet数が違うのがわかります。おそらくTOPSYの方が正確な数なんです。

設置する上で軽くプラグインの設定をしてあげます。

Retweet Usernameを設定してあげることで[RT @ USER : 記事名 URL]の形でTweet出来るようになります！！
これは@knk_nさんが理想として上げた形で、TOPSYを導入する事で実現できました。

しかし、この場合は短縮URL表示になってしまうのが注意です。

次にTweetボタンとTweet数の表示の設定・ツイートボタンの色の設定・ツイートボタンに表示されるテキストの設定をします。
テキストが設定出来るのは面白い仕様ですよね。

また、Tweetボタンを設置する場合プラグインで制御できますが、自分の好きな位置に設置したいのでプラグインの設定は解除します。
あと、「Preload Retweet Button」ってのにチェックが付いているとTweet時に文字化けするので外します。

Tweetボタンには2種類の大きさがあり「big」と「small」です。

今回、他のソーシャルボタンと揃えるためにSmallの方を設置しました。
コードはそれぞれ・・・

<?php if (function_exists('topsy_retweet_big')) echo topsy_retweet_big(); ?>

<?php if (function_exists('topsy_retweet_small')) echo topsy_retweet_small(); ?>

また、普通に設置すると若干上にある印象を受けたのでCSSよりpaddingで1px取ってあげると綺麗に並ぶようになりました。

前回書いた、友達のiPhoneが盗まれた！なので、LINEを使って泥棒さんから取り返した話。 | MasterPeace 21は純正のTweetボタンだと140Tweetだったのにも関わらず、TOPSYにすると180Tweetあった事がわかりました。

また、数字部をクリックすると、リンクについての投稿が正確に表示されるのでオススメです。

純正Tweetボタンだと「そのページは存在しません」だのと表示されて見れませんでしたが、TOPSYの場合は数字部をクリックするとちゃんとTweetを確認できます。

ここからリプライ、リツイート、お気に入り出来るのも嬉しいです。