いいねボタン・改

HTMLベタ打ちの個人サイトでもカンタン設置。
連打できて、1ページにいくつでも設置可。簡易アンケート代わりにも!

いいねボタン・改
Swiper02
Swiper03
Swiper03

HTMLベタ打ちで作っている個人サイトにも、簡単に設置できるいいねボタンです。

当サイトで配布している既存のいいねボタン(以下・旧版)との違いは以下の通り。

  • 1ページに複数個のボタンを設置できる
  • ボタンは連打することができる
  • 1人が1日にいいねできる回数制限を設けられる(デモでは1日10回)
  • いいねされたときに、お礼メッセージを表示できる。複数のお礼メッセージを用意してランダム表示も可能
  • ボタンはdata-iinename属性で指定した名前で区別される(旧版ではid属性で区別)
  • 同じ名前のボタンを1ページに複数個表示することができ、ひとつのボタンがクリックされると他の同じ名前のボタンのカウント数も更新される
  • 総いいね数はボタン横に表示することもできるし、非表示にもできる
  • いたずら防止のため、IPアドレスを使ったいいね数ブロックもできる
  • 管理画面があり、すべてのいいねボタンのいいね数を一覧で見ることができる

仕様について

PHP7以上。
データベース等は不使用ですので、MySQL等がなくてもOK

PHPは有料サーバーであればほぼ間違いなく動きますが、無料サーバーでは動かない場合があるので(忍者ホームページ、FC2などのサーバーはPHPが使えません)、設置作業に入る前に必ずご利用中のサーバーの環境をチェックしてください

.htaccess等によるアクセス制限のかかっているディレクトリにプログラムを配置すると、正常に動作しない場合があります。

詳細な仕様

  • PHP、javascript(jQuery)、Ajaxを利用しています。
  • いいねボタンを押すとjavascriptを経由してPHPプログラムが走り、いいねされたページのURLと日時をCSVファイルに記録します。
  • CSVファイルには、ボタンのdata-iinename属性別、および日付・IPアドレス別で、いいねされたボタンの設置URL、いいねされた時刻、いいねされた回数が記録されます。
  • いいねの1日あたりの上限は、基本的にすべてのボタンで共通ですが、個別に設定することもできます。
  • 詳細ないいねログデータ(いいねされた日付、日時、いいねした人のIPアドレス等)は、一定期間たつとログ容量削減のため統合されます。詳細ログの保存期間はデフォルトで365日ですが、管理画面から変更することができます。

ライセンス

MITライセンスを採用しています。

  • このプログラムは、どなたでも無償でお使いいただけます。
  • 商用サイトでも、アダルトコンテンツを含むサイトにも、無償でお使いいただけます。
  • 利用に際して報告やクレジットリンクは必要ありません。
  • 改変、再配布、販売なども自由。改変したものを配布したり販売したりすることにも制限はありません。
  • CSS等を書き換えてボタンのデザインを変えることもOKです。また、デザインを変更するためのコードなどを自分のサイトで公開・配布してもOK。良い改造例はどんどんシェアして下さい。
  • ただし、プログラム内に書かれている著作権表示は削除しないでください。また、当然ながらあたかもプログラムのすべてを自作したかのように誤解させる発言・表記もおやめください。

使用上の確認事項

  • 開発者は、このプログラムのすべての環境での動作を保証するものではありません。
  • 開発者は、このプログラムを利用したことに起因する一切の不利益に対する責任を負いません。
  • プログラムの設置・設定に関する質問の全てにはお答えできません。特に、設置マニュアルを読めば解決されると思われる内容のものには返信いたしません。
  • カスタマイズは自由ですが、個別のカスタマイズの相談(例えば、ボタンの見た目を変えるにはどうすればよいか等)には応じられません。
  • CMSがインストールされたサイトでの正常な動作は保証しかねます。自己責任のもと取り組んでください。

ご支援のお願い

doでは、テンプレート、プログラムおよびノウハウ記事の制作、およびサイトの運営・メンテナンスや問い合わせへの対応を、すべてガタガタ個人が行っています。もしもdoのコンテンツが役に立ったと思ったら、あたたかなご支援をお寄せいただけると、とても励みになります。AmazonほしいものリストやOFUSE、ギフトカード、その他のサービスからご支援いただけます。

支援する!

変更履歴

2023.06.08
ver2.4に更新

  • 管理画面で、いいねボタンをお気に入りする機能を実装しました。たくさんいいねボタンを設置している場合にも、すぐにデータを参照したいボタンを見ることができます。
  • 管理画面の「全てのいいねボタン」のページで、いいねボタンが20件以上ある場合にページ分けするようになりました。
  • 管理画面の「全てのいいねボタン」のページで、いいね数が多い順にソートすることができるようになりました。
2023.04.11
ver2.3に更新

  • お礼メッセージを複数用意してランダム表示できるようになりました。
  • お礼メッセージの表示位置をclassの記述で行えるようになりました。

アップデート方法はこちら

2023.03.09
ver2.2.1に更新

  • 管理画面にログインしたとき、Cookieが保存されずログイン状態が保持されない問題を解消しました

アップデート方法はこちら

2023.03.02
ver2.2に更新

  • 管理画面にログインしたとき、14日間はパスワードを入力しなくても自動でログインできるようになりました
  • 管理画面で、個別のいいねボタンについて、何月何日に何回いいねが押されたか、月別のいいねログを参照できるようになりました
  • 管理画面で設定変更を行ったときに、完了メッセージが表示されるようになりました
  • その他細かな調整

アップデート方法はこちら

2023.02.04
ver2.1に更新

  • data-iineurlを設定している場合にエラーが起きていいねボタンが正常に動作しないことがある問題を解消しました
  • 管理画面で、クリックされたいいねボタンのURLが40文字以上の場合に省略するようになりました

アップデート方法はこちら

2022.12.14
ver2.0に更新

  • 設置環境などによってはいいねボタンをクリックしてから反応までにラグがあることがあったため、コードの効率を見直し、処理速度を向上しました(向上しているはずです……!)
  • 同一ページに複数のいいねボタンを設置している場合で、何らかのエラーが出たときに、いいねボタンを設置している数だけアラートが出る不具合を修正しました
  • お礼メッセージをクリックするといいねボタンをクリックした判定になる不具合を修正しました
  • 管理画面ログインの仕組みを修正しました。これまで利用されていた方はアップデートに伴い、自動ログインが解除されるため再度パスワードを入力してログインしてください

アップデート方法はこちら

2022.05.25
ver1.2に更新

  • IPあたりの1日にいいねが押せる回数を、ボタンごとに設定できるようになりました
  • いいねボタンにURLを設定できるようになりました。例えば、作品Aを評価するいいねボタンを作品一覧ページに設置した場合に、作品AのページのURLをいいねボタンに設定することで、管理画面のいいねボタン一覧ページにURLがいくつも出てくることがなくなり、すっきりとした表示になります
  • いいねボタンの詳細ログを一定日数以上経過するとまとめる機能を実装しました。詳細ログの保存日数は管理画面から変更できます。ログ容量の節約に活用ください
  • 同じ名前のいいねボタンを複数ページに設置した場合に、いいね回数の上限が効かなくなる不具合を修正しました

Ver1.2ダウンロードはこちら

2022.05.10
ver1.1に更新
newiine.jsの設定をしなくても設置ができるようになりました
丸型いいねボタンを実装しました
2022.04.06
ver1.0.1に更新
いいねボタンのdata-iinenameの値を日本語のみにした場合、一部の環境で起こる不具合を解消しました
2022.02.15
ver1.0.0に更新
お礼メッセージをポップアップできるようになりました
管理画面にていいねボタン一覧を昇順・降順で選べるようになりました
2022.01.03
ver0.1.1に更新
iOSでボタンのデザイン崩れが起きる問題を修正
1人1日あたりのいいね数上限が反映されない問題を修正
その他、細かな調整
2021.12.30
ver0.1.0 配布開始