ブログにSNSにリンクしない単純な「いいね（参考になった）」ボタンを追加したい
ブログを開始して、1年半くらいで、見て頂く方も少しずつ増えてきました。ありがとうございます。
ニッチなブログなので、そんなにアクセス数は期待していないのですが、アクセスが増えると嬉しいですね。
かなり細かいネタが多いのですが、参考になっていて欲しいなあと思って、リアクションを頂けるように「いいね（参考になった）」ボタンの設置を考えました。
ブログの工夫もたくさん他の方ブログとかで学ぶのですが、意外にやってみないとわからないことがあったりして、これやり方知ってすぐに導入できたら便利なのに、というものも、設定が英語だったりで苦労することもあって、今回、導入してみた「いいね」ボタンを追加した話を紹介します。
ワードプレスのブログに「いいね」ボタンを設置するには
SNS全盛ですが、地味にブログのみをしている私です。
ニッチなテーマなので、あまり直接他の方のSNSに登場するのは気がひけるので、見に来ていただいた方に見て頂くようなポリシーで書いています。もちろん、SNSでシェアしていただくのは大歓迎です。
あまり、ブログ関連の記載はしていないのですが、使っているのはワードプレスでSTORKという有料のテーマを使っています。
今回、「Like Button Rating ♥ LikeBtn」というプラグインで「いいね」ボタンを作ったのですが、「いいね」を押すと、SNSのシェアを誘導するポップアップが出てしまうので、それを解除したくて、苦労したので、その点を解決したことを中心に記載します。ちなみに、解除は有料（878円/年）になります。
SNSにリンクしないボタンを作成するプラグインと参考サイト
ブログ関連の記事は多いので、以下のサイトを参考に
プラグイン「WP-PostRatings」
【Wordpress】ブログに超シンプル「いいね！」ボタンを設置する方法 | 活ノート
プラグイン「WP ULike」
【WordPress】WP ULikeの使い方！いいねボタン設置 | SHU BLOG
プラグイン「Like Button Rating ♥ LikeBtn」
WordPress記事にいいねボタンを簡単設置できるプラグインの紹介 | Fukuro Press
この3つくらいのプラグインが良さそうなのですが、「WP-PostRatings」だと仕上がりがシンプルすぎる感じがして、嫌だったのと、「WP ULike」は実際に導入までしてみましたが、こちらも仕上がりがあまりイメージ通りでなかったので、却下しました。
最後に、「Like Button Rating ♥ LikeBtn」を使ってみて、ボタンとテキストの変更ができるので、気に入りました。
設定は参考記事を読めば、できるのですが、ちょっと気になることがあって、設定に苦労しました。
「Like Button Rating ♥ LikeBtn」の導入を決定も気になることが
何が気に入らなかったというと、SNSに関連しない「いいね」ボタンを作りたいのに、クリックすると、強制的にSNSのシェアを誘導するポップアップが出てしまうのです。あまり、そういう押しつけ感は嫌で、気軽に「いいね」ボタンを押してほしいので、そのポップアップを消す設定を探しました。
実はこのプラグインは、Free版以外に、有料版がPLUS,PRO,VIP,ULTRAとあって、機能が違うようでした。
デザインは気に入っていたので、一番安いPLUS（7ドル/年）を購入して、それをシェアのポップアップを解除したかったのですが、設定できず、21ドル/年のVIP版を買わないといけないかと焦り、結果的にPLUSで解決した、という話です。
「Like Button Rating ♥ LikeBtn」の導入の実際
インストールと有効化、初期設定
まずワードプレスのプラグインで、上記プラグインを検索して、インストールして有効化します。
インストール後の流れは、参考記事や、提供元の動画でもわかりますが、LikeBtn.comというサイトへの登録も必要となり、少し面倒です。
導入後、初期画面で、「Get Account Data」をクリックすると、登録ダイアログが表示されますのでメールアドレスとパスワードを入力して「Register」ボタンを押します。
提供元の動画でも参考サイトでも「API Key」や「Site ID」が自動入力のようだったのですが、なぜか、自動入力されなかったので、サイトからコピペで入力しましたが、認証されました。
いいねボタンのカスタマイズ「参考になった」というボタンの作成
投稿以外のいいねボタンを解除しておきます。
デフォルトでは、Post listと固定ページのにもいいねボタンが設定されていますが、自分はいらないので、Enable Like Buttonのチェックを外しSave Changesを押すと解除されます。
設定を日本語にします。
日本語のデフォルトは「よく気づきました」となっています。
Dislikeボタンを出さない設定にします
いいねボタンのテキストを「参考になった」にします。
テキストがかわります。
押す前
カーソルを合わすと「これは気に入りました」という文字のポップアップが出ます
押した後、「シェアしたいですか」というポップアップが出ます。これが、消したい部分です。
それを閉じると、「好きではない」というポップアップが出ています。
テキストの設定を変えていきたいので、下の方に進みます。
「General」はそのままにしています。
「Popup」もこの時点ではそのままです。
ちなみにDisable popupは、VIP/ULTRAでないと消せないようです。
さて、「いいね」ボタンをカスタマイズするテキストの編集です。
よくわからないので、ありがとうございました１~５でいれてみました。…すると
押す前が「参考になった」でそれにカーソルを合わせたのが「ありがとうございました２」
押すとボタンそのものが「ありがとうございました１」に
ポップアップが「ありがとうございました５」に代わりました。
それを閉じると、ポップアップが「ありがとうございました３」に変わりました。
以上を参考に、このように書き換えました。
書き換えると、このようになっていきます。うまく行きました。
何もない状態
カーソルを合わせて
クリック後がこちら（後で紹介するシェアボタン削除がすでにされています）
押した後のカーソルを合わせるとこうなります。
シェアボタンのポップアップを消すには（有料）
前述のボタン設定の解説では既に、ポップアップのシェアボタンを消せているのですが、デフォルトでは「いいねボタン」をおすと、このようなシェアを促すポップアップがでます。結構うるさい感じがします。
なんとか消せないかと思案して調べてみました。
前述したようにこのプラグインは、5種類の設定があります。PLUS,PRO,VIP,ULTRAとあって、PLUSのところに、「Hide share button in the popup]とあります。
「popup disabled option」はVIP以上でないとありません。PLUSは880円弱/年、VIPはその3倍の2500円弱/年です。
ということで、PLUSを購入することにしました。ただ、この設定について日本語で紹介しているサイトは無くて導入してからシェアボタンの消し方がわからず苦労しました。
有料版PLUSの購入
オーダーボタンから支払いに行きます。
878円です。
必要事項を入れて
払います
こういう買い物の時は、一時的なクレジットカードとして使える、Vプリカを使っています。まあ878円なので、良さそうなプラグインでしたので購入しました。
購入すると、メールが来ます。
サイドバーのSync Planを押すと購入したものが反映されます。
シェアボタンを消す
さて、本題のシェアボタンを消す方法です。
最初、全然わからず、この「Remove branding」のボタンだと思っていたのですが、ここが、グレーになって選択できません。VIP/ULTRAでないと駄目なようです。
焦っていて、PLUSで支払ったのにできないじゃないか、と憤慨していたのですが、冷静に読めばわかりますが、単に©LikeBtn.comというロゴを消すだけの設定ですね、コレ。
Vプリカで、追加14ドルを支払わないといけないのかあ、と悩んでいました。
提供元のホームページで確認します。
テーマの見本のLikeボタンをクリックするとシェアボタンが出てきます。
「share_enabled」の設定を確認すると、実際にその項目のLikeボタンを押すと、シェアボタンは出てこない設定になっています。「PLUS」でもこの設定はできるはずです。
ちなみに「popup_disabled」の設定のところのLikeボタンをクリックするとシェア誘導のポップアップ自体が出てきません。これはVIP以上の設定のようです。
シェアボタン消すだけで2500円はちょっと高い…。
PLUSでどこかに設定があるはずだと設定に戻ります。
SNSのシェアの表示を消すのは設定の「Sharing」に
SNSのシェアの表示を消すのは設定の「Sharing」にあります。
これがなかなか探せず苦労しました。
この「Show share buttons」のチェックを外すと、シェアのボタンが消えます。
Save Changesを押してみて、ボタンの変化を確認します。
これが、設定変更前です。
変更した後がこちらです。
SNSへのシェアボタンが消えています。「シェアしたいですか」というポップアップが「お気に入りありがとうございます。」に変わっています（それも日本語では少しおかしいのですが…）。この文章はボタンのテキストの設定で変更できます。
ということで、強制的なシェアボタンを消すことができました。
もし参考になりましたら「参考になった」ボタンのクリックをお願いします。
以上、SNSに関係のない「いいねボタン」の設定でした。
もし参考になりましたら、「参考になった」ボタンをクリックをお願いします。SNSへのシェアへのポップアップは出ません(笑)。それとは別に、通常のSNSへのシェアは大歓迎です。
コメントを残す