WordPress‬ でいいねボタンとシェアボタンを設置できるプラグイン

気付けば年末で、今年も残すところ 2.5 日となってしまいました。年賀状作ろう!と思ったのが 11 月だったんだけれど・・・。今年最後(たぶん)のブログは、WordPress‬ でバイラルメディア風な Facebook のいいねボタンとシェアボタンを簡単に設置できる VA Social Buzz というプラグインを制作し公開しましたので宣伝です(笑)

VA Social Buzz とは

VA Social Buzz は、バイラルメディア風いいね!ボタンとシェアボタンを簡単に設置できる、WordPress プラグインです。インストール後、Facebook ページ URL、Twitter アカウントの入力などを行うだけで、記事の一番下に自動的に表示されます。VA Social Buzz の設定画面は、ダッシュボード → 設定 → 表示設定にあります。

VA Social Buzz 必須環境

  • WordPress 4.4 以上
  • PHP 5.4 以上

バイラルメディア風いいね!ボタンとは?

ブログ記事の一番最後で「この記事が気にいったら、いいね!しよう」という文言と共に、いいね!ボタンが設置されているのを見たことがある人は、多いのではないでしょうか、このお決まりの文言と一緒に、Facebook のいいね!ボタン、各 SNS へのシェアボタンが設置してあるのが定番パターンなようです。最近では、一般のブログでもこのパターンが使われてるのを多くみかけます。”バイラルメディア いいね” で検索すると、How to サイトが沢山出てきます。

”バイラルメディア いいね” で Google 検索した結果

中でも、まなしば(@manami1030)さんのブログ記事を参考にして設置しているブログ記事が多いようです。

FacebookページいいねやTwitterフォロワーが倍増!バイラルメディア風オリジナルSNSボタンの設置方法【WordPress】

また、先日、WordCamp Tokyo 2014 実行委員長の森山(@mayukojpn)さんが、まなしばさんのブログ記事の内容をまるっとプラグイン化し、Like me if you like this article という名前で公開してくれています。WordPress の管理画面で Like me if you like this article と検索すればインストール可能です。

Like me if you like this article

Like me if you like this article と VA Social Buzz の違いは、シェアボタンの有/無、いいねボタンの下の文言の有/無、スマートフォンやタブレットで表示した際のレイアウトです。試してみて、気に入った方を利用されるといいと思います。

最後に

今年最後の更新がこんな記事でごめんなさい(笑)それでは、本日はここまで。また来年!

[appbox wordpress va-social-buzz]

[amazonjs asin=”4774187062″ locale=”JP” title=”エンジニアのためのWordPress開発入門 (Engineer’s Library)”]

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

Twitter で

Written by くっくる

WordPressを使ったウェブサイトの構築・HTMLコーディングの受託案件を中心に埼玉県にて活動中。バイラルメディア風にFacebook pageのいいね!ボタンを設置できるVA Social Buzzをはじめ、複数のWordPressプラグインを公開している。共著書として「エンジニアのためのWordPress開発入門」がある。

View all author posts →

This article has 29 comments

  1. みやゆう。 Reply

    初めましてみやゆう。と申します!
    KUCKLUさんの制作したプラグインのデザインが好みでインストールさせて頂きました!!

    しかし、自分が無知、ワードプレス初心者で設定方法がわかりません。
    表示まではできるのですが、TwitterとFacebookのいいね先がワードプレスになります。

    ぜひ使用したいので、もしよろしければ設定方法を教えていただければ幸いです。よろしくお願い致します。

    • KUCKLU Reply

      こんにちは、みやゆうさん!

      ご不便をおかけして申し訳ありません。VA Social Buzz には設定画面があり、そこで設定を変更していただくことで問題を解消できます。

      VA Social Buzz をインストール/有効化後、ダッシュボードの左メニューで設定→表示設定と進んでください。画面をスクロールすると VA Social Buzz の設定項目がありますので、ご自身の環境にあった設定に変更してみてください。

  2. kaoli Reply

    はじめまして。
    プラグインをインストールさせていただきました。素敵なプラグインありがとうございます。

    早速アカウント等設定したところなのですが、
    元々フェイスブックでいいねされていた「いいね」の数などはこちらに反映されないのでしょうか。
    全ての記事がいいね0で表示されてしまうのですが…

    ちなみにツイッターのフォロワー数は正しく表示されております!

    • くっくる Reply

      こんにちは、kaoliさん!

      全ての記事がいいね0で表示されてしまうのですが…

      というのは、どういう意味でしょうか?本プラグインは、記事毎のいいね!数やツイート数は取得していません。いいねボタンのカウントが 0 になってしまうのは、Facebook ページの Web アドレスの設定が間違っているからだと思われます。

      例えば、Facebook ページの Web アドレスが https://facebook.com/visualive の場合、ダッシュボード→表示設定→Facebook ページ Web アドレスには visualive と入力します。表示されるいいね数は、対象の Facebook ページ自体のいいね数であって、Facebook ページに投稿した投稿についたいいね数や WordPress の記事毎のいいね数ではありません。

      [追記]
      もしかして、Facebook ページの Web アドレスに、ハイフン (-) が使われていますか?その場合、Facebook ページ Web アドレスが正常に保存できていないはずです。Facebook ページの Web アドレスを Facebook ページの設定からカスタマイズした場合、ハイフンは使用できない文字に指定されているため、本プラグインでもハイフンは登録できないようになっています。しかし、作りたての Facebook ページや、Facebook ページの Web アドレスを設定していない Facebook ページの場合、Fecebook 側がデフォルトで割り当てた Web アドレスには、ハイフンが含まれていることを先ほど確認いたしました。
      先ほど、プラグインをアップデートし、Facebook ページの Web アドレスにハイフン (-) が含まれていても登録できるようにしました。

  3. kaoli Reply

    ご丁寧なご返信感謝致します。
    分かりづらくてすみません、FBページ自体のいいねの数が表示されず、0表示になってしまっているという意味でした。

    はい!アドレスにハイフンが入っています。
    ハイフンが入っていても登録自体問題なかったもので(登録後は確かにハイフンは消えていました)、そのままにしてしまっていました。
    そちらが問題だったのですね!!

    アップデートいただきありがとうございます。
    早速更新したところ、正常に数値が表示されるようになりました。

    早期対応いただき感謝致します。

    ありがとうございます!

    • くっくる Reply

      こんにちは、kaoliさん!

      お手数をお掛けしました m(_ _)m

  4. よせやん Reply

    素晴らしいプラグインをありがとうございます。
    しかし、パソコンからいいね!ボタンを押すと、表示される部分が枠外にはみ出してしまいます。
    これを修正すること可能でしょうか。

    また、個人的にはいいね!ボタンの下に「最新情報をお届けします」と入れたりできたら、よりいいのになぁと思いました。

    • くっくる Reply

      こんにちは、よせやんさん。

      それは、いいねボタンの仕様です。はみ出さなかった場合、いいねを押したユーザーは、コメントの入力/送信ができなくなります。つまり、Facebook にいいねした旨のコメント投稿ができなくなるので、ユーザーの Facebook 上の友だちの目に触れる可能性が低くなります。

      上記の件をご理解いただいた上で、はみ出させたくないという場合、使用中のテーマの CSS を編集することで、はみ出さいようにすることは可能です。

      .entry-content {
      overflow: hidden;
      }

      このようにすれば、記事本文の枠からはみ出さなくなります。また、ご要望の「最新情報をお届けします」の文言表示の実装予定はございません。ご要望いただいたにも関わらず申し訳ありません。

      記事本文中でご紹介しています、森山(@mayukojpn)さんが開発/公開している Like me if you like this article というプラグインは、「最新情報をお届けします」の文言が表示されます。

  5. ゆち Reply

    はじめまして、ゆちと申します。
    VA Social Buzzをインストールしたのですが、「重大なエラーを引き起こしたため、プラグインを有効化できませんでした。」と表示されて使用できませんでした。
    何かWordPressで設定が必要なのでしょうか?

    宜しくお願い致します。

    • くっくる Reply

      こんにちは、ゆちさん。

      お返事が遅くなって、申し訳ありません。

      「エラーが発生した」というだけでは、どうにも解決へ導くことは難しいです。できれば、エラーメッセージの内容を教えていただけてたらと思います。

      エラーメッセージは、WordPress の管理画面に表示される「重大なエラーが発生した為・・・」というのではなく、エラーログなどに記録されるエラーメッセージになります。

  6. うにょん Reply

    はじめまして!
    素晴らしいプラグインを作って頂きありがとうございます!

    自分でphpで設置をするにしてもテーマのアップデートが頻繁なので、こんなプラグイン待ってました。

    ところでバグ報告(?)です。
    Va Social Buzz を設置したのですが、フェイスブックのいいねボタンとツイッターのフォローボタンが表示されませんでした。
    色々調べてみたところ、「head cleaner」プラグインがマズかったらしく、「head cleaner」を停止したらうまく表示されるようになりました。
    wordpressの高速化をしていらっしゃる方はご参考までに^^

    • くっくる Reply

      こんにちは、うにょんさん。

      ご報告ありがとうございます。

      動かない理由は、Head Cleaner の JS の結合/圧縮のキャッシュ機能が影響していると思います。VA Social Buzz の Like! ボタンやフォローボタンは、JS から呼び出しています。また、 Like! ボタンやフォローボタンを表示させるには、各 SNS の JS SDK ファイルを読み込む読み込む必要があります。この JS SDK が中々重たいため、Single や Page でのみ、VA Social Buzz の JS ファイルが読み込まれてるようになっています。恐らく、これが影響しているのでしょう。Head Cleaner だけではなく、他の類似のプラグインを使用しても同じ現象がおきると思います。

      現時点では、この問題をバグとして改修する予定はございません。大変申し訳ございません。

  7. 東城 Reply

    はじめまして、早速とりいれてみました。
    この記事が気にいったら、部分のサムネイル画像といいねボタンが表示されないんですが、どのようにすればいいのでしょうか?

    • くっくる Reply

      こんにちは、東城さん。

      サムネイルの表示は、特に設定項目はありません。記事のアイキャッチが設定されている、またはサイトアイコンが設定されていれば表示されます。”アイキャッチ > サイトアイコン” という優先順になります。アイキャッチを設定、またはサイトアイコンを設定しても表示されない場合は、エラーが発生している可能性がありますので、PHP の error.log などに記録されているエラー文を教えてください。

      • 東城 Reply

        アイキャッチとサイトアイコンを設定すると、表示されました。しかし、いいね!のボタンが表示されないのは、何かしらミスがあるんでしょうか?

        • くっくる Reply

          いいね!ボタンが表示されない理由は、東城さんのプロフィールページを指定しているからです。Facebook のプロフィールページを指定するのではなく、Facebook page の URL(スラッグ)を指定すると、いいね!ボタンが表示されるようになります。

  8. 原田 Reply

    はじめまして。原田と申します。
    こういったプラグインを探していたので、本当にありがとうございます。

    しかし、既出のコメントにもありますとおり、私も有効化するとエラーとなってしまいました。
    ちなみに、functions.php のline 50にエラーがあるとの表示が出ています。

    恐れ入りますが、対処方法をご教示いただけると助かります。

    • くっくる Reply

      こんにちは、原田さん。

      サーバーの PHP のバージョンはいくつでしょうか?

  9. 東城 Reply

    利用させていただいてます、ありがとうございます。
    質問なのですが、ツイッターとフェイスブックのロゴを表示させない事は可能ですか?

    この記事が気にいったらいいね、の部分だけを表示させるような事はできるのでしょうか?

    • くっくる Reply

      こんにちは、東城さん。

      ツイッターとフェイスブックのロゴを表示させない事は可能ですか?

      どの部分のロゴ(アイコン)でしょうか?
      この記事が気にいったらいいねと、Twitter でフォローするの間にある、「シェアする」「ツイートする」のボタンは CSS でアイコンを非表示にすることは可能です。しかし、この記事が気にいったらいいねの直ぐ下にある”いいねボタン”、1番下にある”フォローする”ボタンは、各SNSの公式ボタンなため、カスタマイズはできません。

  10. KOHEY Reply

    はじめまして、コーヘイと申します。こういったプラグインを探していたのでとても感謝です。
    質問が2つあります。

    ①VA Social Buzzのボタンを自分の好きなところに配置したのですが可能でしょうか?個人的にはデフォルトで表示される箇所よりもさらに下に配置したいと考えておりますがCSSやHTMLの技術がないため踏みきれていません。

    ②現在のくっくるさんのwebページでも使われているVA Social Buzzのボタンには「Push7」の購読を促すボタンも配置されていますが、ぼくらでも実装できるのでしょうか!?

    お手数なのですが、教えていただけると幸いですm(_ _)m

    • くっくる Reply

      こんにちは、コーヘイさん。

      質問 1 への回答

      現在はできません。が、出来る場合もあります。VA Social Buzz は、WordPress の記事本文を表示する関数 the_content() 関数にフックして、自動挿入しています。そのフックを remove_filter() 関数で一旦削除したのち、再度 add_filter で登録します。その際、プライオリティを調節すれば、他の the_content() 関数にフックしているプラグインなどと順番を入れ替えることは可能でしょう。または、 remove_filter() 関数で一旦削除したのち、自身で、オリジナルの関数を作るなどして、VA Social Buzz を呼び出せば可能になるとは思います。ただ、そうした場合、VA Social Buzz のアップデートと共に動かなくなる場合もあります。

      質問 2 への回答

      Push7 の公式プラグインをインストールし、プラグインの設定を全て行っていただければ、VA Social Buzz 側で勝手に Push7 のボタンを表示する仕様になっています。

  11. マサキ Reply

    プラグインありがとうございます。
    私も位置を調整したいのですが、ウィジェットで挿入できるように対応していただけると幸いです。

    • くっくる Reply

      こんにちは、マサキさん。

      ご要望ありがとうございます。ご要望をいただいのに大変恐縮ですが、VA Social Buzz では、今後もウィジェットへ対応することはございません。あくまでも、”シンプル且つ簡単に設置でき不要な場合は即削除” がコンセプトなプラグインなため、いまの仕様以上に複雑な機能を取り入れたくないと思っています。

  12. 三浦 Reply

    くっくる様

    とても素敵なプラグインを本当にありがとうございます!

    運営する複数のサイトで利用させていただいております。
    そして、その中でテーマがSimplicity2のサイトがあり、記事下広告の下に配置したいと考えているところです。

    くっくる
    2016年6月10日Reply

    こんにちは、コーヘイさん。
    質問 1 への回答

    現在はできません。が、出来る場合もあります。VA Social Buzz は、WordPress の記事本文を表示する関数 the_content() 関数にフックして、自動挿入しています。そのフックを remove_filter() 関数で一旦削除したのち、再度 add_filter で登録します。その際、プライオリティを調節すれば、他の the_content() 関数にフックしているプラグインなどと順番を入れ替えることは可能でしょう。または、remove_filter() 関数で一旦削除したのち、自身で、オリジナルの関数を作るなどして、VA Social Buzz を呼び出せば可能になるとは思います。ただ、そうした場合、VA Social Buzz のアップデートと共に動かなくなる場合もあります。

    こちらを拝見し関数を調べながら挑戦するものの、理解ができず手も足も出ない状況です。
    この文面から施行できないレベルなら、諦めるしかないでしょうか。

    お忙しいところ大変恐れ入りますが、ご教示のほどよろしくお願いいたします。

  13. アツシ Reply

    今回、試しに無料版のプラグインをインストールしてみたのですが、以下のメッセージが出てインストールできませんでした…
    Parse error: syntax error, unexpected T_STRING, expecting ‘)’ in 省略/wp-content/plugins/va-social-buzz/functions.php on line 57

    これは何が原因なのでしょうか?
    また、有料版でも同様のエラーが出る恐れがありますか?

    ちなみに、さくらサーバーを利用し、Xeoryというテーマで運営しています。

    まさに自分の欲しかったプラグインなので、早く使いたいです。笑

    • くっくる Reply

      アツシ 様

      VA Social Buzz の必須環境はご覧いただけましたでしょうか?

      https://wordpress.org/plugins/va-social-buzz/

      プラグインの概要ページにも記載しておりますが、VA Social Buzz は PHP 5.4+ でないと動作いたしません。再度、アツシ様のサーバー環境をご確認ください。なお、VA Social Buzz に有料バージョンはございません。今回、販売を開始したものは、あくまでもアドオンであり、VA Social Buzz に機能をプラスするためのプラグインです。アドオンの方も、必須環境は VA Social Buzz と同じとなっております。

      お手数お掛けし申し訳ありません。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください