menu

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

最近、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をフォローしよう!

50743432_mたったそれだけで?PVを増加させたSNSボタンのカスタマイズ方法とは・・

41263347_mレスポンシブWebデザイン講座をレビュー!こんな良い講座はないと思う。

関連記事

  1. データベース復元

    【動画版】wordpress初心者でもデータベースを復元できる方…

    wordpressを使っていたら、思わぬことでウィルス感染してしまい、バックアップしていたデータを復…

  2. Fotolia_51516768_S

    WordPress初心者でも安心してCSSを編集できる子テーマ作…

    Wordpressのレイアウトを変更したいんだけど、CSSをそのままにしている方はいらっしゃ…

  3. ul、liのドット部分をアイコンでリスト化する方法

    ul、liのドット部分をアイコンでリスト化する方法

    ulやolで箇条書きにする際に、ドットや数字の代わりにアイコンを使いたい時ってありますよね。…

  4. スライダー表示可!wordpressでサイドバーを固定するQ2W3 Fixed Widget

    スライダー表示可!wordpressでサイドバーを固定するQ2W…

    スクロールする際に、サイドバーのウィジェットを常に表示させたい時ってありますよね。いろいろ探した…

  5. thumb-575033_1280

    絶対できる!アイキャッチ画像付きfacebookのいいねボタンを…

    上の画像のようなバイラルメディア風facebookいいねボタンを記事の下に設置したい方は必見…

  6. wordpressでテキストにアイコン付き背景をワンクリックで挿入する方法(コピペできます)

    wordpressでテキストにアイコン付き背景をワンクリックで挿…

    ブログを書いて、強く訴えたい部分ってありますよね。目立たせたいけどどうすればいいか悩みますよ…

  7. wordcamp

    wordpressど素人がWordCamp Kansai 201…

    平成28年7月9、10日の2日間、WordCamp Kansai 2016のスタッフとして参加しまし…

  8. バックアップ

    【動画版】wordpress初心者でもバックアップし復元できる…

    wordpressを使ってブログを運営していると、カスタマイズして画面が真っ白になったり、ウィルスに…

PAGE TOP