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

wordpress

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

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

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

ユーザーデバイス

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

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

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

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

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

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

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

SMMLab

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

ボタンタイプ1(左寄せ+color)
ボタンタイプ1(左寄せ+color)
ボタンタイプ1スマホ用(左寄せ+color)
ボタンタイプ1スマホ(左寄せ+color)
ボタンタイプ2(左寄せ+mono)
ボタンタイプ2(左寄せ+mono)
ボタンタイプ2スマホ用(左寄せ+mono)
ボタンタイプ2スマホ(左寄せ+mono)
ボタンタイプ3(カラム幅+color)
ボタンタイプ3(カラム幅+color)
ボタンタイプ3スマホ用(カラム幅+color)
ボタンタイプ3スマホ(カラム幅+color)
ボタンタイプ4(カラム幅+mono)
ボタンタイプ4(カラム幅+color)
ボタンタイプ4スマホ用(カラム幅+mono)
ボタンタイプ4スマホ(カラム幅+color)
ボタンタイプ5(公式ボタン)
ボタンタイプ5(公式ボタン)
ボタンタイプ5スマホ用(公式ボタン)
ボタンタイプ5スマホ(公式ボタン)

シェア数を表示する方法

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

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

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

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

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

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

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

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

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

まとめ

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

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

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

合わせて見たい記事

この記事のアイキャッチ画像の上に設置しているSNSボタン↓

スクリーンショット 2016-06-01 2.04.55

この設置方法も解説しています。良かったら見て下さい。

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitterでshare lifeをフォローしよう!

中川 憲治

455,849 views

動画編集やWEB関連などを当ブログに書き出して2年後、12年間働いていた消防士を辞め、自分のやりたいことを仕事にしたいと考えてWEB業界に転職する。 自身の...

プロフィール