2015/11/2826 Shares

WordPressでTwitter以外のSNSシェア数を合計して表示する方法

ソーシャルメディア

Twitter のシェア数を表示しておくことで「人気度」をアピールすることができましたが、残念ながら現在はシェア数を取得することができなくなってしまいました。

Facebook や Google+ などほかの SNS カウントを表示しておいても、Twitter が抜けているとなんだかちょっと寂しい気がします。

そこで、Twitter 以外の各 SNS シェア数をすべて足し、合計シェア数を表示する方法をご紹介します。

過去のTwitterカウントもすべてゼロに

公式ボタンのデザインが変わること、それに伴いシェア数は非表示になることが 2015 年 9 月に発表されました。

We are simplifying the Tweet button by removing the share counter displayed alongside the button.

A new design for Tweet and follow buttons

そして、2015 年 11 月 20 日にカウント取得ができなくなり、ボタンのデザインも変わりました。

Twitter公式ボタン新デザイン

このようにバルーン型の公式ボタンを並べているとちょっと違和感がありますね……

ここはオリジナルデザインに変更するなどで対応できますが、問題はシェア数のみ表示している部分。

Twitterシェア数がすべてゼロに

Twitter だけ人気がない感じに(´・ω・`)

ほかの SNS だけ残して Twitter を消せば良さそうですが、それならいっそのことまとめてしまおう、ということで合算することにしました。

今まではこんな風に個別に表示。

SNSシェア数

現在は Twitter 以外の SNS シェア数を合計して表示。

SNSシェア数を合計

「この記事が読まれています!」という人気度アピールなら、これで良いのかなと思います。

SNSシェア合計数を表示する方法

SNS シェアトータル数は、WordPress プラグイン SNS Count Cache で簡単に表示できます。

まだインストールしていないなら、SNS Count Cache の使い方と設定方法 を参考に使ってみてください。

SNS Count Cache 設定

プラグインの設定は初期状態のままでも良いですが、Twitter カウントを取得しにいっても意味がないので「シェア基本キャッシュ機能」欄で Twitter を外しておきましょう。

SNS Count Cache 基本設定

チェックを残している、以下の SNS 。

  • Facebook
  • Google+
  • はてなブックマーク
  • Pocket

この 4 つのカウントを合計してトータルシェア数とするわけです。

ちなみに設定画面から各 SNS のシェア数を個別チェックできますし、CSV ダウンロードにも対応しているのでかなりオススメなプラグインです。

各シェア数を合算

SNSカウント合計数を表示するコード

SNS Count Cache 設定画面のヘルプに、カウント表示のサンプルコードが載せられています。

トータルシェア数を表示するなら、こんな感じですね。

これで数だけ表示されるので、前後にシェア数とわかるようなテキストを入れておきましょう。

○○○ Shares

シェア数:○○○

プラグインをインストールして、表示したいところにコードを貼るだけの簡単作業!

あとは CSS でデザインしておきましょう。

CSSデザインカスタマイズ

シンプルなので CSS の調整も難しくありません。

Naifix では、以下のように <span> で囲んでいます。

CSS はこちら。

ブログのデザインと表示場所に合わせて変えてみてください。

まとめ

以上、SNS カウント合計数を表示する方法でした。

WordPress 以外のブログは、ソーシャルカウントの取得方法まとめ(全9サイト) などを参考にカスタマイズする必要があります。

とここまで書いておいてあれですが、実は count.jsoon を使うとツイート数を取得できます。他のブログで試していますが、全記事取得に時間がかかるのがネックです。

どの方法が良いのか、悩みどころですね…

それでは、また。