sns-count-cache_ecmg

ワードプレス

便利すぎて、もうヤミツキ。WordPressプラグインSNS Count Cacheの設定方法と有効的な使い方

ページを表示するたびに、今のシェア数を取得しに走り回ってくれる」公式シェアボタン。

sns-count-cache_01

そんな公式クンたちとは違い、シェア数を「バックグラウンドで」「定期的にキャッシュ(保存)しておいてくれる」という男前プラグインが【SNS Count Cache】です。

彼を導入すると、こんなカッコ美しいオリジナルシェアボタンを作ることもできます。

original-share-button_02

記事ごとのシェア数推移も把握できます。

sns-count-cache_02

サイトデザインにビシッ!と合ったオリジナルシェアボタンを設置できて、ページ表示速度もアップ記事ごとのシェア数も把握させてくれる。そんな男気に甘えさせてもらいましょう。

本当は、他にもたくさんのメリットがあるんですが・・・まあ、今は「流し目」でサラララッと目を通すぐらいでいいです。

SNS Count Cache導入のメリット

ページ表示を高速化できる

好みのオリジナルシェアボタンを設置できる

記事ごとのシェア数推移を管理画面で確認できる

主要なSNSのフォロワー数を管理画面で確認できる

サイトをSSL化した時にシェア数を引き継ぐことができる

あー、いい流し目ですね!セクシーです。実際、一見しただけじゃあよく分からないメリットもあると思います。ということで、今回は下の記事で設置した「オリジナルシェアボタンにシェア数を表示させる」ことをゴールに、必要な設定だけをサクッと済ましてしまいます

 コレに必要なことだけ。

カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせた作り方と簡単カスタマイズ

現状、プラグインがアップデートされ次第仕様変更されるだろう部分があるため、上に挙げたたくさんのメリットたちの詳細説明はここでは割愛。
プラグインのアップデート後「必要になれば」追記または別記事で詳説しようと思います。

前置き終わり。いってみよう!

「widgetoon.js & count.jsoon」に登録

ずいぶん前にTwitterの仕様変更があり、公式ボタンではシェア数の表示ができなくなりました。ところが、代替サービスの【widgetoon.js & count.jsoon】を利用すれば、オリジナルシェアボタンにシェア数を表示できるようになります。

まずは下の記事を参考に登録を済ませておきましょう。

Twitterのシェア数表示を復活!「widgetoon.js & count.jsoon」の登録方法

SNS Count Cacheをインストール

管理画面「プラグイン」⇒「新規追加」から【SNS Count Cache】で検索。インストールして有効化します。

sns-count-cache_03

SNS Count Cacheの設定

有効化すると管理画面左カラムに【SNS Count Cache】の表示が現れます。「設定」タブで初期設定していきます。

sns-count-cache_04

sns-count-cache_05

以降、設定に必要な項目以外は飛ばします他はデフォルトでOK。なお項目ごとに「設定の更新」ボタンがありますが、どこを押しても一斉に更新されます。

sns-count-cache_06

この「設定の更新」ボタンを押すことで新たに出現する設定項目もあるので、必ず、以降の説明内で「ボタンを押してくれ!」と号令がかかったタイミングで押すようにしてください。

sns-count-cache_ins1

でも万が一押してしまっても、そのまま作業を続けて大丈夫。号令をかける理由は、「混乱を避けるため」「効率的に済ませるため」です。号令はぜんぶで2回。特に後半、注意です!

シェア基本キャッシュ機能

sns-count-cache_07

一番上の「対象SNS」で、オリジナルシェアボタンを設置したいSNSにチェックを入れておきます。その他の設定はそのままでOK。

ここでチェックを入れたSNSは、シェアボタンと、管理画面ダッシュボードにシェア数が表示されるようになります。もしボタン設置記事のコードをそのまま使うのであれば、上の画像のように「Facebook」「はてなブックマーク」「Pocket」「Twitter」にチェックを入れます。

 シェアボタン

sns-count-cache_08

 管理画面ダッシュボード

sns-count-cache_09

早速うっかりいきなりボーっと「設定の更新」ボタンを押さないように。号令待ちで。

シェア変動分析機能

sns-count-cache_10

デフォルトでは無効になっていますが、「有効(スケジューラ)」に変更します。

sns-count-cache_11

まだ号令はかけてませんからね。

フォロー基本キャッシュ機能

sns-count-cache_12

そう、冒頭で挙げたように【SNS Count Cache】では、記事ごとのシェア数だけでなく、フォロワー数までバックグラウンドでキャッシュしてくれるんです。

しかし!今は、別記事で紹介している「オリジナルシェアボタン設置」のために必要な、feedlyのみにしぼって設定紹介します。

全部設定しようとするとホントーにややこしいのです。そしてSNSごとの仕様も変わりやすい。だからフォロワー数取得に関しては今はグッ!とこらえていただきたい。我慢してください。各SNSページに見にいきゃあフォロワー数なんてひと目で分かりますし。ね。

sns-count-cache_ins2

・・・ありがとう。分かってくれて嬉しいよ。じゃあここではfeedlyだけにチェック

sns-count-cache_13

他の項目はそのままでOK。デフォルトで24時間ごとにフォロワー数を取得して、シェアボタンや管理画面ダッシュボードに表示してくれます

sns-count-cache_14

sns-count-cache_15


さあ今だ!ボタンを押してくれ!第一回目の号令。そう、ここで「設定の更新」ボタンを押します。すると・・・設定画面トップにエラーメッセージが現れます。

 クリックで拡大

sns-count-cache_16

エラーメッセージ

シェア数を取得するために必要な設定が不足しています。次のセクションで必要なパラメータを設定して下さい。シェア基本キャッシュ – Facebook.

ドキッとするやんけ。でも安心してください。コレは最初に言ったように、「設定の更新」ボタンを押したことによって、新たに出現した項目がいくつかあるワケなんですが、「その項目を埋めなさい!」というだけのメッセージです。

というわけで、新たな項目を設定していきます。また号令かけますからね

シェア基本キャッシュ機能 – Facebook(新たに出現!)

sns-count-cache_17

「シェア基本キャッシュ機能」でFacebookにチェックを入れ、設定を更新すると新たに出現する項目です。「App ID」と「App secret」の入力が求められている状態。

本来であればそれらを入力するだけでOKなはずなんですが・・・現状、ここでちょっとした修正作業が必要になります。(※「App ID」「App secret」の調べ方は後述します)

プラグインの内部記述を変更

現状、FacebookとPocketのシェア数取得のために必要な補足作業があります

この修正作業はプラグイン作者の意図したとおりに動作しないための補足作業です。
私の環境ではまったく不具合は起こっていませんが、自己責任で取り組んでください。

Facebookのシェア数が取得されない対処法

管理画面「プラグイン」⇒「プラグイン編集」を右クリックし、ブラウザの別タブで開きますSNS Count Cache「設定」画面は元のタブでそのままの状態にしておいてください

sns-count-cache_18

右上の「編集するプラグインを選択」のプルダウンから【SNS Count Cache】を選択⇒「選択」ボタンをクリック。

sns-count-cache_19

右カラムで「sns-count-cache/sns-count-cache.php」が選択されていることを確認して、Ctrl+F(Macならcommand+F)で「// Share Facebook Crawl Strategy」の文字列を検索。

sns-count-cache_20

sns-count-cache_21

この「follow」の記述2つを・・・

sns-count-cache_22

share」に書き換えて保存。以上!

Pocketのシェア数が取得されない対処法

同様に今度は、右カラムで「class-scc-share-pocket-strategy.php」を選択して、
const DEF_BASE_URL」の文字列を検索。

sns-count-cache_39

sns-count-cache_40

この右側のURLの「http」を「https」にしておきます。

= 'http://widgets.getpocket.com/v1/button';

= 'https://widgets.getpocket.com/v1/button';

次に「horizontal」の文字列を検索。

sns-count-cache_41

「horizontal」を「vertical」に変更します。

['count'] = 'horizontal';

['count'] = 'vertical';

さあラスト!「$url = self::DEF_BASE_URL」の文字列を検索。

sns-count-cache_42

その直下に下のコードを追記します。

$this->query_parameters['src']=$this->query_parameters['url'];

 Before | After

sns-count-cache_42

sns-count-cache_43

保存して終了!記述ミスや、余計な部分を消したりしないよう注意しましょう

 情報提供元(感謝感激)

シェア基本キャッシュ機能 – Facebook(再訪問)

別タブで開いたままにしているSNS Count Cacheの「設定」画面に戻ります。

sns-count-cache_23

さあ、これで「App ID (Client ID)」と「App secret (Client secret)」の欄に、それぞれ必要なものを入力すればOKです。ただ・・・これらの調べ方、分かりますか?もし分からない場合、こちらを参考にして、コピペまで済ませておきましょう。

サラリと終える開発者登録。FacebookのApp ID(アプリID)とApp secretの取得方法・調べ方

sns-count-cache_24

で、号令はまだです。以降はもう確認していくだけ。そのあと、最後の号令をかけます。

シェア基本キャッシュ機能 – Twitter(新たに出現!)

sns-count-cache_25

これも同じく、「シェア基本キャッシュ機能」でTwitterにチェックを入れ、設定を更新すると新たに出現する項目です。冒頭で先に登録を済ませているので、ここでは「代替Twitter API」欄が「widgetoon.js & count.jsoon」になっていることを確認すればOK

その他「はてブ」「Google+」「Pinterest」に関しては、最初の「シェア基本キャッシュ機能」でチェックを入れるだけ。なんの設定もなくシェア数が表示されるようになります。つまりFacebookとTwitterの連携を済ませれば、設定はほぼ終了です

今はFacebookとPocketのシェア数取得のためにプラグインの修正作業が入り込んでいますが、アップデートにより、いずれ管理画面内の設定だけで済むようになるでしょう。

シェア変動分析機能(2回目)

sns-count-cache_26

さあラスト。先ほど「有効(スケジューラ)」に変更したことによって項目が増えています。この設定をすることで、管理画面のダッシュボードで、日々のシェア数推移を把握出来るようになります

sns-count-cache_27

sns-count-cache_28

また「シェア数」タブでは全ての記事ごとのシェア数推移を把握出来るようになります

sns-count-cache_29

さらに、【SNS Count Cache】の機能に「話題のコンテンツ」タブが登場します。

sns-count-cache_30

sns-count-cache_31

ここでは、シェア数変化があった記事だけがピックアップされて一覧表示されます

「どんな期間内に、どの記事で、どのSNSで、どのくらいシェアされたのか」が視覚化されるのはとてもオイシイ。マーケティング目線でも活用できますし、単純にモチベーションにもつながる嬉しい機能です。

で、「毎日」に設定していれば、「毎日、設定した時間に」差分表示はリセットされます。

sns-count-cache_32

sns-count-cache_28

sns-count-cache_27

「毎週」に設定していれば、「毎週、設定した曜日の設定した時間に」差分表示がリセット。好みや用途によって選んでみてください。選んだら・・・

ボタンを押してくれ!(号令)


以上で設定完了!

おまけの確認(まだエラーが出るときは・・)

「シェア基本キャッシュ – Facebook」をチラッと覗くと・・・

sns-count-cache_35

「Access Token」なんて項目が増えてますが、これは自動的に出力されるだけ。そのままでOKです。設定画面トップにエラーは出ていませんか?もしコレがまだ出ていれば・・・

 クリックで拡大

sns-count-cache_36

考えられるのは、プラグインの記述修正ミス、または「App ID」「App secret」のコピーミス、といったところでしょうか。エラー時はそのあたりを再確認してみてください。




sns-count-cache_ins3

いやーおつかれさまでした!その他の項目設定はそのままでOK。「シェア臨時キャッシュ機能」「動的キャッシュ機能」「フォールトトレランス機能」「データクローラ機能」「データエクスポート機能」は触わらずにそのままにしておきましょう。

安心してください。ほったらかしにしているワケじゃなく、「そのままが良い」のです。

「ジワジワキャッシュ」と「ポチポチキャッシュ」

なお、バックグラウンドでシェア数をジワジワと探しに行ってくれるので、シェア数がボタンに即時反映されるわけではありません

放っておけば、こんな感じでジワジワとキャッシュし、各記事のボタンにシェア数が表示されていくんですが・・・(「キャッシュ状況」タブで確認できます)

 クリックで拡大

sns-count-cache_37

待ちきれない時は、ひとつずつ「キャッシュ」ボタンを押して反映させることもできます。

 クリックで拡大

sns-count-cache_38

ちなみに、これまで号令をかけてきた「設定の更新」ボタンを押すたびに、記事ごとのキャッシュはすべてクリアされてしまいます。そんなとき、急いで一個ずつポチポチポチ・・・とキャッシュボタンを押し続けることもできるというわけですね。

というわけで、「設定の更新」ボタンを押すときは、全記事のシェアボタンにしばらくシェア数が表示されないことを覚悟する必要がある、ということを覚えておきましょう。

 ごく稀に起こる、怪奇現象対策

feedlyのフォロワー数が表示されないっ!?SNS Count Cacheのキャッシュ進捗「部分的完了」を解決する

オリジナルシェアボタンを設置する

さあ、これでオリジナルシェアボタンに各SNSごとのシェア数が表示されます。まだ設置していないなら、こちらもサクッと設置してください。コピペで簡単。

カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせた作り方と簡単カスタマイズ

以上!
大満足なカスタマイズを!

記事が気に入ったら
Requ.logを "いいね!"
Facebookで更新情報をお届け。

Requ.log | レク.ログ

スポンサーリンク
スポンサーリンク

ピックアップ記事

  1. WordPress初心者にオイシイ、簡単記事装飾。TCDテーマ「クイックタグ」機…
  2. 【基本編】スケジュール・タスク管理の大黒柱。万能ツールTodoistの使い方を徹…
  3. カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせた作り方と簡単カスタ…
  4. 忘れたくないユーザビリティー。収益化と両立しよう。TCDテーマでスマホとパソコン…
  5. “知っているつもり”の拡張子、jpg gif png。画…

関連記事

  1. retina-weight-saving_ecmg
  2. switch-by-the-device_ecmg
  3. simple-image-sizes_ec

    ワードプレス

    メディア問題さん、さようなら。画像サイズを気ままに追加するプラグイン「Simple Image Si…

    挿入画像サイズ、もっと自由に選びたい。ハイどーも。お悩み相談室のコ…

  4. theme-change_ecrt

    ワードプレス

    【徹底検証】乗り換えたいでしょ?WordPressTCDテーマの変更方法と注意点

    TCDテーマからTCDテーマへ!魅了されてしまった。ついに乗り換え…

  5. favicon-generator_ec
  6. browzer-extension_ec

    ワードプレス

    “WEBサイズマスター”へ。Chrome拡張「Page Ruler」「Ima…

    自分のWEBサイトの幅、知ってますか?今自分が見ているページの「あ…

スポンサーリンク
高速・安定レンタルサーバー
高速・高機能・高安定レンタルサーバー【エックスサーバー】 高速・高機能・高安定レンタルサーバー【エックスサーバー】

Requ.Sound Lab. | レク.サウンドラボ

レク.サウンドラボ

音に、景色と”振る舞い”を。

特集記事

  1. valuable-content-from-image_ec
  2. extension-tools-for-bloggers_ec
  3. todoist-extension_ecmg
  4. retina_ecmg
  5. adjust-the-button_ecmg
  6. tcd-theme-selection_ecmg
  7. todoist_ec
  8. improvement-flow_ecmg
  9. display-speed_ec
  10. theme-change_ecrt

ピックアップ記事

  1. dash_ecmg
  2. phrase-express_ecmg
  3. tcd-theme-options_ecmg
  4. chrome-font_ecmg
  5. quicktag_ecmg
  6. reset-button_ecrt
  7. sns-count-cache_ecmg
  8. todoist-routine_ecrt
  9. original-share-button_ecmg
  10. tcd-css-customize_ecmg

強みを見つけて、活かしていくために。

business-books

タスク管理で、自己管理。

todoist

おすすめ記事

  1. 自分のアクセス痕は残さない。アナリティクスのフィルタで自宅の…
  2. ”ブログにおいしい”、注釈画像の作り方。矢印や枠線、文字を追…
  3. WordPressサイトを丸ごとバックアップ!「BackWP…
  4. “WEBサイズマスター”へ。Chro…
  5. 【Retinaディスプレイ対応1】Macで綺麗に。Windo…

ブログのRetina対応、始めませんか?

retina-os-solution

ブログクオリティー底上げ10ツール

extools-for-bloggers

最近の記事

  1. 「私の名前はページプラグイン。」Facebookページのいい…
  2. 瞬間奥義「非同期設定」。Facebookのいいねボタン、ペー…
  3. feedlyのフォロワー数が表示されないっ!?SNS Cou…
  4. カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせ…
  5. 【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザ…

ゆっくり、フシギなGIFアニメ。

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

Requ.log | おすすめビジネス書

コンテンツの秘密-ぼくがジブリで考えたこと 「言葉にできる」は武器になる。
プロフェッショナルは「ストーリー」で伝える 日本人の知らなかったフリーエージェント起業術

Requ.log | おすすめ物語

モモ マリコ/マリキータ
なんくるない たったひとつの冴えたやりかた

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」

Requ.log | STORY

  1. 「あの時、気づけなかった。」苦しい時に思い出して奮い立つ、人…
  2. 心が折れそうに辛いとき。一歩前へ踏み出し紡がれた、今へ続くス…
  3. 大切な人の最後の1年
  1. display-speed_ec

    ワードプレス

    目指せ軽量化!今から始める、WordPressサイトの表示スピード改善計画
  2. improvement-flow_ecmg

    マネジメント

    最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くしておく生活改善フロー…
  3. original-share-button_ecmg

    マーケティング

    カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせた作り方と簡単カスタ…
  4. tcd-theme-user-review_ecmg

    ワードプレス

    TCDテーマ導入前に知っておきたい、2つの注目機能とユーザー目線レビュー
  5. business-books_ecmg

    マーケティング

    【厳選6冊】起業したくなったら読んでおきたいビジネス書。自分の強みを見つけて活か…
PAGE TOP