いいねボタンを設置しました(使い方と仕組み)

いいねボタンを設置しました(使い方と仕組み)

記事末尾のハートで「いいね」できるようになりました。アカウント不要・Cookieレスの仕組みと、テストのお願い。

当サイトに「いいね」ボタンを設置しました。記事が役に立ったら、ページ下部のハートを押していただけると励みになります。アカウント登録は不要です。

どこにあるの?

各記事の本文の終わり(共有ボタンや関連記事の少し上)にハートのボタンがあります。押すとハートの色に変わり、数字が 1 増えます。

このページの一番下にもあります。テストとして、ぜひ一度押してみてください。

どんなしくみ?

「いいね」はできるだけ軽量に、そしてプライバシーに配慮して作っています。

  • アカウント不要:ログインせずにそのまま押せます。
  • Cookie を使いません:閲覧者を追跡する Cookie は設定していません。
  • 二重押し対策:同じブラウザでは一度押すと「いいね済み」になります。サーバー側でも、IP アドレスと日付などから生成したハッシュ値で重複を判定しています(元の IP アドレスは保存しません)。
  • エッジで集計:Cloudflare Workers と D1(データベース)で数を数えています。

そのため「完璧に一人一票」ではありませんが、個人を特定せずに、無闇な連打を防ぎながら反応の温度感を測れるようにしています。

人気の記事

いいねが集まると、トップページと各記事の下に「人気の記事(いいねの反応が多い記事)」が自動で並びます。よく読まれた記事を見つけやすくする狙いです。まだ数が少ないうちは表示されないことがあります。

テストのお願い

このボタンが正しく動くか確認したいので、

  1. このページ下部のハートを押す
  2. 数字が増えるか
  3. ページを再読み込みしても「いいね済み」の状態が保たれるか

を試してみてください。うまく動かない場合は、どのページ・どの端末で起きたかを教えていただけると助かります。

それでは、よろしくお願いします。