2022-05-12

WordPressに投票機能やいいね機能、お気に入り機能を実装

WordPressを少しカスタマイズして投票ボタンを構築してみました。

イベントやコンテスト等で一般のお客様から「いいね！」を集めて集計するという機能が付いているWEBサイトを見かけることがあると思いますが、そんな機能をWordPressをカスタマイズして実装してみました。
WordPressを使用することで既存のブログサイト等にも安価で実装できるのでこのシステムのために別途CMSをイチから構築することなくサクッと実装できてしまうのでありがたいですね。

WordPressに投票機能を実装して「応援」数を表示

事業承継予定者限定！ピッチコンテスト「アトツギ甲子園」

全国初！同族承継・第三者承継・社員承継など、中小企業の承継予定者限定のピッチイベント「アトツギ甲子園」（中小企業庁主催）。新規事業の実現に向けて、販路開拓・資金調達・技術開発・人材採用などの課題を解決するためにビジネスプランを競う。

「アトツギ甲子園」というアトツギ経営者のみなさんがピッチをするイベントなのですが、イベントに登壇される方々をいいねボタンで応援しよう！という構想から実装させていただきました。

各登壇者ごとに設置している「いいねで応援」ボタンをクリックすると、県ごと・ブロックごと・全国にクリックされたデータが渡されて数値が増えるという仕組みになっています。

例えばこんな使い方も！

・商品企画の際の人気投票

・アパレルスタッフコーディネートの人気投票

・化粧品ECのお悩み投票

・インテリアや雑貨ECの好きなお部屋投票

・どんな商材でもやって欲しい特集企画の投票

こんなアイデアがあるけどやり方がわからない方はソレプロにお問い合わせください

cookieを使用することで予め設定しておいた時間は再度いいねボタンが押せないようにし、一人が何度も同じ方にいいねを押せないように制御させていただいてます。

こちらは24時間や1週間等任意の期間に設定することができます。

構築の仕組み

こちらの仕組みは、Wordpressのプラグイン「Advanced Custom Fields」を使用し数値フィールドを設定しています。その数値フィールドがクリックされる度にカウントアップしていくという仕組みになっています。

Advanced Custom Fields

Customize WordPress with powerful, professional and intuitive fields. Proudly powering over 2 million websites, Advanced Custom Fields is the plugin W …

カウントアップされた数値をJavaScriptを使用して県・ブロック・全国のデータにajaxで渡すという指示を書いています。

コンテンツ毎にいいねボタンを実装、人気順に並べ替えも可能に

この応援ボタン機能を応用することで、ブログ等のコンテンツサイトに「いいね機能」や「お気に入り機能」を実装させるということも可能です。
以下のブログサイトに「いいね機能」を実装させていただいたのですが、いいね機能を実装することで、どの記事が人気なのかが閲覧ユーザーさんも運営者も一目でわかるのでユーザビリティ向上に一役買ってくれますね。

快適百貨本店 | おそうじのコツ・お役立ち情報

アズマ工業が運営する自社公式オンラインショップ「快適百貨・本店」は、伝統的な座敷箒から時短を可能にするアイディアお掃除アイテムまでそろえ、お掃除のコツやお掃除の豆知識など、お役立ち情報も満載の通販サイトです。

また、いいねのカウントデータを取得することでいいね数が多い順に並べ替え表示させることも可能です。

cookieデータを使用することで「お気に入り機能」としても活用することが可能で、自分がいいねを押した記事一覧ページを作成しブックマーク機能として利用していただくことも可能となります。
前に見て素敵！と思ってた記事どれやった？探し出せない・・ということがなくなるのでお気に入り機能として活用するのも一手です。