サイトのユーザーエンゲージメントを向上させたいとお考えですか？
WordPressサイトにリアクションボタンを設置することで、読者はコメントを入力することなく、シンプルで簡単にブログにフィードバックを残すことができます。
この投稿では、WordPressでリアクションボタンを追加する方法を紹介します。
なぜWordPressにリアクションボタンを追加するのか？
リアクションボタンは、WordPressブログのユーザーエンゲージメントを高めるのに役立ちます。
そのため、Facebookのような人気ソーシャルメディアサイトでは、エンゲージメントを高めるために「いいね！」やその他のリアクションボタンを使用しています。投稿にFacebookの「いいね！」ボタンを追加することもできます。
WordPressのリアクションボタンを追加することで、サイト上でのインタラクションを促進することができます。これにより、ユーザーはクリックするだけで投稿に参加することができます。
それでは、WordPressサイトにこのようなリアクションボタンを追加する方法を見てみましょう。
WordPressでリアクションボタンを追加する方法
まず最初にWP Reactions Liteプラグインをインストールして有効化します。詳しくはWordPressプラグインのインストール方法をご覧ください。
このチュートリアルでは、無料版のプラグインを使用します。プレミアム版のWP Reactionsもあり、より多くのソーシャルプラットフォーム用のボタンなどの追加機能があります。
有効化したら、WP Reactions ” Global Activationにアクセスしてプラグインを設定してください。そこで’Reactions’スイッチをONに切り替えてください。
WordPressのリアクションボタンが各投稿とページの下部に表示されるようになりました。今すぐカスタマイズ」ボタンをクリックし、WPリアクション設定ウィザードを使用することで、様々なリアクションオプションをカスタマイズすることができます。
WordPressリアクションボタンのカスタマイズ
WP Reactionsプラグインの初期設定はほとんどのWordPressサイトに対応しています。しかし、あなたのニーズに合わせてカスタマイズする方法はたくさんあります。
まず、画面下部に初期設定の絵文字が7つ表示されます。ドラッグ＆ドロップで絵文字を並べ替えたり、入れ替えたりすることができます。絵文字が青くハイライトされている場合は、すでに含まれていることを意味します。
リアクションボタンの選択に満足したら、下部にある「次へ」ボタンをクリックします。
次のページでは、絵文字のサイズとアニメーションさせるかどうかを選択できます。また、ユーザーがそれぞれのリアクションを何回クリックしたかを示すバッジの色も選択できます。
プロユーザーは、これらのバッジを完全に無効化することができます。
画面下部の設定を使って、リアクションボタンをどこに配置するかを決めることができます。投稿日、ページ、またはその両方に外観を表示することができ、コンテンツの前か後に表示することができます。また、左寄せ、中央寄せ、右寄せのいずれかを選択することもできます。
選択が完了したら、「次へ」ボタンをクリックします。
行動喚起（CTA）、背景、枠線のスタイルを選択できるようになりました。初期設定では、ボタンの上に「What’s your Reaction?このテキストを変更または非表示にしたり、フォントオプションを調整することができます。
終了したら「次へ」ボタンをクリックしてください。
次のページでは、オプションのソーシャル共有ボタンを設定します。Facebook、Twitter、メール、Telegramのボタンを表示するオプションがあります。プロユーザーにはLinkedInや WhatsAppなどさらに多くのオプションがあります。
初期設定では、プラグインはユーザーがリアクションボタンをクリックした後にこれらのソーシャルシェアボタンを表示します。この設定は’Button Behavior’セクションで変更もしくは無効化できます。
ページをスクロールしていくと、ソーシャルシェアボタンのサイズと色をカスタマイズするオプションが見つかります。準備ができたら、本当に〜してもよいですか？
これでWordPressのリアクションボタンの設定は完了です。保存して終了」ボタンをクリックして設定を保存することを本当に〜してもよいですか？
WordPressのリアクションボタンをプレビューする
リアクションボタンが動作しているのを見るためにあなたのサイトの投稿日を訪問することができます。初期設定のデモサイトではこのように表示されます。
リアクションボタンの一つをクリックすると、そのバッジが新しい合計で更新されます。
絵文字をクリックしたので、ソーシャルシェアボタンがWordPressのリアクションボタンの下に表示されていることに注目してください。
このチュートリアルで、WordPressのリアクションボタンを追加してサイトのエンゲージメントを高める方法を学んでいただけたら幸いです。キーワードとメタ情報を追加する方法を学んだり、WordPress のベストソーシャルメディアプラグインのリストをチェックしたりすることもできます。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
I used to use star ratings but this form looks a lot more fun. Especially for the current generation of teenagers who like to use like buttons and emoticons. Thanks for the inspiration.
Lise Tyrrell says
It’s a great idea and I was about to upload the plugin…but it hasn’t been updated in 6 months! That’s usually a no no for me. I wish you would use updated plugins.
WPBeginner Support says
We do not have a recommended alternative for the plugin at the moment but for your concerns about how recently it has been updated, we would recommend taking a look at our article below:
https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
管理者
Chris H. says
Hi. I just checked and it has been updated and It is a very cool plugin. Thanks
Seth Riley says
This is something that interests me. This might help to increase the user engagement on my website and hopefully it would drive more traffic eventually. Thank you for sharing! I’ll check it out!
WPBeginner Staff says
Please see How to Install a WordPress Plugin.
David Steele says
Thanks
David Steele says
Lacks specific instruction for downloading Post Reaction. I found it, clicked Download and then opened the downloaded material. Nothing in the folder executes an install. There are instructions telling you where to install it but I couldn’t get that far. Help?
WPBeginner Staff says
On contrary, writing comments takes more time, and sometimes users feel they simply don’t have anything to add to the post and move on to next activity.
Post reactions allow them to provide feedback without going into the discussion mode. People who have something to say will say it because reactions simply doesn’t cover what they have to say. Basically it will increase the overall user engagement on your site.
Hariesh Manaadiar says
Would’nt reaction buttons reduce the number of comments on a blog..?? People might just decide to click a button instead of writing something..
Kjell Roger Eriksen says
Sounds interesting and useful. Does the interaction count towards SEO engagement?
Isaías Subero says
I don’t think it does. This is a small independent developed plugin and Google and other search engines are not likely to index this interactions as a key indicator of the quality of the content. Maybe the Facebook Like button at the end of the post would be considered as a engagement measure by Google.
Chad Haatvedt says
It’s a bit ironic that this post does not include reaction buttons to get feedback for the author.
Ahmad Imran says
Definitely something worth considering. I was thinking of introducing the same reactions and engagement but through simple form embedment at the end of the post.
Thanks for sharing the info. I will have a look at it.