HHS

変デジはてな支所

【はてなブログ】ついにツイート数が表示されなくなったのでレスポンシブSNSボタンに変更した。

本ページは広告・アフィリエイトプログラムにより収益を得ています

Twitterが発表していた「Twitterのボタンからツイート数の表示が消える日」が昨日11月20日だったんですが、本日から新しいデザインのツイートボタンが採用されているみたいですね。ツイート数が消えたことにより、、、多くのブログでこんな感じの表示になっているのでは?

f:id:lonestartx:20151121095402j:plain

バルーンタイプのツイートボタンを表示している方は数字が消え横並びのデザインが崩れてしまいます。

ツイート数やはてブの数は現代のアクセスカウンター的な印象もあり、数字が多ければ人気だと思い、ユーザーもボタンを押してくれそうなイメージなんですが、、、自分のブログはたいしてシェアされないので、、、数字が少ないとシェアされないのでは?と不安になったりします。

はてなブログにレスポンシブタイプのSNSボタン

以前Twitterのカウント表示が消えるので忍者おまとめボタンで対応。オリジナルボタンの色変更など。という記事を書きましたが、最近ブログ全体のデザインをリニューアルしたので似たような記事になりますが、、、SNSボタンについて書いていきます。

いろいろ悩みましたが「はてなブログ公式のSNSボタン」は使わず「忍者おまとめボタン」でレスポンシブのSNSボタンを設置する事にしました。

f:id:lonestartx:20151121100203j:plain

これならシェア数がゼロでも気にならない(笑)

f:id:lonestartx:20151121100739j:plain

リンク:忍者おまとめボタン

忍者ツールのサービスは広告が表示されたりして苦手なものもありますが、この「忍者おまとめボタン」は広告も表示されず愛用しています。ボタンのタイプも数種類ありデザインに合わせて使うことが出来ます。

f:id:lonestartx:20151121100924j:plain

こういったデザインのツイート数などが表示されないシンプルなものがオススメです。今回はレスポンシブデザインのSNSボタンで。

f:id:lonestartx:20151121101153j:plain

おまとめボタン内で好きなSNSボタンを並べ終わったらコードをコピーします。

f:id:lonestartx:20151121101344j:plain

自分は「はてなスター」以外のSNSボタンを全て外し、、、

f:id:lonestartx:20151121101414j:plain

記事下に「忍者おまとめボタン」のコードをペーストしています。その他、広告、Twitterのフォローボタン、読者登録ボタンなども個別に追加。それとモバイル表示も忍者おまとめボタンで、Twitter、Facebook、はてブ、などのボタンを1つずつ作り縦に並べています。

f:id:lonestartx:20151121102249j:plain

シェア数の呪縛からこれで開放されます!とはいえシェア数が多けば嬉しいし、やっぱり気になりますけどね(笑)