TCDテーマの標準搭載SNSボタンのシェア数を表示させる方法

2016.06.01

wordpress

最近、TCDのVIEWというテーマに変更しまして、TCDテーマのSNSボタンはデザインが良くて使いたいなと思っていたのですが、シェア数が表示されないので、自分でカスタマイズしたボタンを使っていました。ところが、そのSNSボタンを設置した後に、TCDテーマの標準搭載しているSNSボタンにも、簡単にシェア数を表示できることがわかり、現在はTCDテーマのSNSボタンを設置しています。せっかくなので、TCDテーマのユーザーの方にも参考になるかなと思い、今回、紹介させていただくことにしました。

シェア数表示のSNSボタンを設置する理由

シェアをしやすくするため

上の円グラフは先月、私のブログを見ていただいたユーザーデバイスの割合を表しています。
これからわかるのは、約半数がスマホから閲覧されているということです。

スマホでシェアしたいとか、後から見たいといった時に、わざわざURLをコピぺして、facebookやtwitterに投稿しませんよね。そのような利用者のユーザリビティを考え、SNSボタンを設置することは、今や当たり前になってきています。スマホに限らず、クリックしてSNSに共有できるように環境を整えておくことは重要ですよね。

シェア数で人気度を表すため

やはり、SNSのシェア数を表示できるようになり、シェア数が多くなれば、それほど、多くの人に支持されている指標になると思うので、記事の信頼性も増し、多くの人に読んでもらえる可能性が高くなりますよね。

Q 例えば、あなたが街中を歩いていて下のような光景を見たらどうしますか？

A この群衆を見たら、つい何が行われているか見てしまいますよね。

実は、ブログも同様で、シェア数が増えれば増えるほどに、群衆心理で、訪れた人がつい見たくなるバンドワゴン効果をもたらしてくれます。運が良ければ、私も押しておこうかなとなってバズを呼び込むことになることもあります。そのような意味でも、シェア数表示のSNSボタンを設置しておきたいですね。

バンドワゴン効果とは、ある製品・サービスを支持する人が多ければ多いほど、顧客がその製品・サービスによって得る満足・安心感が増加する効果のこと。また、流行しているという空気を醸成することによって、その製品・サービスへの支持は一層強くなること。

SMMLab

シェア数を表示したTCDのSNSボタン

ボタンタイプ１（左寄せ＋color）

ボタンタイプ１スマホ用（左寄せ＋color）

ボタンタイプ２（左寄せ＋mono）

ボタンタイプ２スマホ用（左寄せ＋mono）

ボタンタイプ３（カラム幅＋color）

ボタンタイプ３スマホ用（カラム幅＋color）

ボタンタイプ４（カラム幅＋mono）

ボタンタイプ４スマホ用（カラム幅＋mono）

ボタンタイプ５（公式ボタン）

ボタンタイプ５スマホ用（公式ボタン）

シェア数を表示する方法

「SNS Count Cache」というプラグインを利用することでシェア数を表示させることができます。
導入方法はデザインプラスさんのブログ記事にありますので、参考にしていただけたらと思います。
導入するだけ！？シェア数の表示速度をアップするプラグイン「SNS Count Cache」

私の場合は、プラグインを導入しただけでデフォルト設定です。プラグインを導入したら、自動でシェア数を取得してくれるので、私の場合は特別な操作は必要なかったです。

※twitterのツイート数は取得できません。

twitterのツイート数の取得方法

twitterのツイート数は、2015年11月21日からTwitterのツイートボタンの仕様が変更され、ツイート数の取得ができないようになりました。
しかし、デザインプラスさんがツイート数の取得方法について紹介されており、そのとおりにすると取得できましたので、参考にしていただけたらと思います。
廃止されたツイッターのカウント数表示を復活させる方法

「count.jsoon」の登録すると、登録完了のメールが送られてくれるのですが、私の場合は２日後に来ました。

TCDテーマの新機能の追加について

今回は、VIEWのテーマのSNSボタンのシェア数表示について紹介しましたが、TCDによると、他のテーマにも同様の機能を追加していくみたいです。

TCDテーマに新機能！ソーシャルボタン＆クイックタグのご紹介

まとめ

TCDテーマに標準搭載しているソーシャルメディアのボタンは、デザインが良く、マウスオーバーした時もかっこいいので、ぜひシェア数の表示をさせて使いたいですよね。シェア数を表示させたいと考えている方に参考にしてもらえれば、うれしいです。

ちなみに、私はカスタマイズをしていたせいで、たまたま、指定していたclassが同じで、TCDテーマのSNSボタンのレイアウトが崩れてしまったのですが、原因がわからなかったので、問い合わせたら、アドバイスしていただき気づくことができました。やっぱり、サポートの手厚さからもTCDのテーマを使うのは、心強いなと思いました。

※TCDではテーマのカスタマイズについての問い合わせはお答えしていないそうです。