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

スポンサーリンク

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

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

関連記事

  1. wordpressど素人がWordCamp Kansai 201…

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

  2. お名前.comから独自ドメインを取得してwordpressをイン…

    これからwordpressの運営をやっていこうと思っている方、必見です。wordpressを…

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

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

  4. たったそれだけで?PVを増加させたSNSボタンのカスタマイズ方法…

    ブロガーなら、誰でも悩むと思うのですが、バズを狙ったり、自分のfacebookやtwitterに投稿…

  5. WordPressを始める初心者におすすめ!テーマ選びの5つのポ…

    これから、Wordpressを始める人にとって、Wordpressテーマを決めるのは、重要ですよね。…

  6. wordpressのドメインを変更しGoogleに通知する方法

    wordpressを始めてから、ドメインを変更したいなと思ったことありますよね。だけど、変更…

  7. サムネイルを活したセンスが良いTCDのテーマVIEW!使用感をレ…

    私がブログを始めて1年経ち、研究のために他のブログを参考にすることがあるんですが、余計な文字が多いと…

  8. 初心者必見contact form 7基本操作からカスタマイズ方…

    contact form 7でお問い合わせページ作成したけど、レイアウトだけでも変更したいと…

PAGE TOP