count.jsoonを使って当ブログのシェアボタンを使っている方のTwitterカウント数を取得する方法2016-01-11count.jsoonを使って当ブログのシェアボタンを使っている方のTwitterカウント数を取得する方法Web制作スポンサーリンク注:この記事は、元記事の補完的な役割をしています。Life」「はてなブログのシェア数付きソーシャルボタンカスタマイズでフラットボタンのコピペコードを追加です。昨年の11月に、Twitterがシェア数の表示がなくなりました。www.yukihy.com正直Twitterのシェア数は、その記事の人気度を測るものとして役立っていたため、めちゃくちゃ痛かったのですが、実はそれに関する代替案はいろいろ出ていました。遅れながらもやっとこさ手をつけ、今ではシェア数の表示がほとんど戻ってきたのではないかと思います。そこで、はてなブログで、さらに当ブログのボタンを使用している方に、シェア数を表示させる方法を書いていきたいと思います。ちなみにアカウント登録などいろいろやらなければいけないことがあるので、以前のボタンをバージョンアップするようなことはしません。シェア数を表示させたい方のみ、適宜やっていただければと思います。今回使うサービスは、「count.jsoon」というものです。count.jsoonまずはアカウントをつくらなければいけないのですが、下に参考記事を貼っておきます。僕自身こちらを見ながら行いました。上のサイトのように「count.jsoon」に登録をすると、サイトから数日間以内にメールが届きます。僕の場合は翌日にきました。ここからURLに入ると、下のような表示が出てくると思いますが、Twitter連携をしておくことをオススメします。(必ず、連携することを承諾する前に、連携をする上でcount.jsoonに見られるデータを確認の上、承諾してください。)なぜ連携をすることをオススメするかと言うと、下にスクロールするとこういったことが書かれています。Twitter連携をしないと、Tweetの収集数がとてつもなく遅くなります。いうか、数日たっても全然表示されません。多くのはてブをいただいたこちらの記事www.yukihy.comTweet数取得をはじめて数日間は、こんな感じでした。なぬー!2Tweetだとー!このへんでおかしいと思い、Twitter連携をしたら、1日後にはこんな感じに。いうことで、Twitter連携はすることをオススメします。当ブログのシェアボタンを使っていただいている方Twitter連携を行ったら、あとは今までのシェアボタンに変更を加えていきます。jQuery元記事に書いたjQueryのコードを、こんな感じに貼り替えてください。「記事下」に貼り付けられていると思います。(Twitterの部分を追加しただけなので、そちらのみ追加していただけてもできるかと思います。2箇所あるので注意してください。'.hatebu-count');});</script>「記事下」にあると思うので貼り替えてみてください。HTML次にHTMLです。これも「Twitter」のところだけ変えていただければOKです。fa-spin"></i></span></a>に貼り替えていただくと、表示されると思います。まとめ以上が、Twitterのシェア数の取得方法となります。これもTwitterの公式機能ではないので、サービス停止になる可能性は0ではないですが、Twitterの数字ってやっぱりあった方が良いですよね。ありましたらコメントよりお願いします。Lifeからどうぞ〜。カスタマイズ一覧はこちら。関連記事2016-05-18【修正お願い!】当ブログのシェアボタンを使っていただいている方のFacebookボタンで不具合が生じ...このブログのシェアボタンを使っていただいている方で、ある条...2015-11-21【修正お願い!】シェア数付きボタンでツイート数が取得できずグルグル回り続けるものの対処方法シェア数付き自作シェアボタンを配布していたのですが、それら...2015-09-11はてなブログのシェア数付きソーシャルボタンカスタマイズでフラットボタンのコピペコードを追加です。はてなブログPro都内に住む大学5年生だったのがこの春から社会人一年目になりました。データ分析職として働いております。Googleアナリティクス※メールでのブログカスタマイズのご依頼は現在受けておりません。@ftmaccho詳しいプロフィールはこちらから。広告依頼など重要っぽい連絡はこちらからお願いします。Lifeスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。