web-dev-qa-db-ja.com

記事に既読のマークを付ける方法

通常のリンクがあります。

<a href="/article-1"><span class="visited-circle"></span>article 1</a>

誰かがこの記事を訪れたときにCSSの色を変更しました。

a:visited .visited-circle {
  background-color: green;
}

しかし、それはそれほど完璧ではないと思います。訪問者がこの記事に既読のマークを付けられるようにします。これを実現する方法を誰かが考えていますか?

6
Tada

本当に完全な解決策のためには、あなたはすべてのユーザにアカウントを持たせ(あるいは既読にする時にはアカウントを作成させる)、そしてあなたが彼が読んだ投稿にユーザを関連付け、それから各リンクを適切にスタイルする必要があります。これを実装するには、レビューやその他のlike/rank機能を追加するプラグインの中からインスピレーションを探すことができます。このアプローチの問題点は、ユーザーがログインするための他の何らかのインセンティブを持っている必要があるということです。そうでなければ、彼らはおそらく機能を使用しないでしょう。

それほど堅牢ではない(ただし実装が簡単な)選択肢は、長期Cookieに読み込まれた投稿のリストを格納し、Cookieの値に基づいてリンクのスタイルを設定することです。このアプローチの問題点は、Cookieが特定のデバイスに対してローカルであり、ユーザーが使用するすべてのデバイス間で断片化された「閲覧リスト」が表示される可能性があることです。

2
Mark Kaplun