<a>タグ クリック カウント

Question

閲覧数をカウントする機能を実装したいです。
項目一覧が並んでおり、クリックすると詳細が表示されるページを作成しています。
詳細を閲覧した回数をカウントしたいのです。

現在、遷移先でページが読み込まれたらGET値を取得してPHPでDBへ接続カウントするという処理で実装しているのですが、
それだとページをリロードしたら閲覧数が増えてしまうので正確な閲覧数を取得できないと感じました。

<a href="aaa?id=aaa">aaa</a>
<a href="bbb?id=bbb">bbb</b>

リンクをクリックされたらIDをPHPに渡してカウントしたいのですが、どのような方法があるのでしょうか。

Comments

[m.ts10806]

固定値でリンク渡す限りその先でリロードすると結局カウントアップされますがそれで良いのでしょうか

Answer 1

ページをリロードしたら閲覧数が増えてしまう

むしろそれが正しい仕様だと思います。

たとえばsessionStorageを利用すれば
おなじセッション内であればリロードをはじけるとは思います

もしくは history.pushStateで無理やりリロードを抑制するとか

sessionStorage

• from.html

<a href="to.html">to</a>

• to.html

<script>
if(!sessionStorage.getItem('reload')){
  console.log("new");
  sessionStorage.setItem('reload',1);
}else{
  console.log("reload");
}
</script>
<a href="from.html">from</a>
<a href="javascript:location.reload()">reload</a>

pushState

• from.html

<a href="to.html">to</a>

• to.html

<script>
history.pushState(null,null,document.referrer)
</script>
<a href="from.html">from</a>
<a href="javascript:location.reload()">reload</a>

Comments

[yambejp]

sampleつけておきました

Answer 2

なんとしてもクリック数だけを数えたい(リロードを排除したい)のであれば、クリック時点でXHRなりでPHPにアクセスがあった旨を通知すればいいのでは。

Answer 3

アクセスはユーザー(クライアント)一意情報(例えばIP)と共に全部保存しておいてカウント数を取得する際に適宜group byかけるので良いのではと。
ユニークアクセスとトータルアクセス両方見れるようになりますし。

Comments

[退会済みユーザー]

現行仕様ではIPは一意情報になりえないよ、携帯電話網を利用してると・・

[m.ts10806]

完全一意にするのは無理だし現実的ではないので、例えばで出してます。
本来は制限事項とか要件にきっちり書かないといけないでしょうけど、どこまでの考慮が必要かとか分からないですしね。

Answer 4

中間に処理を噛ませて、リダイレクトで記事ページに飛ばすのはどうでしょうか。

一覧ページ -> カウント処理ページ ->(リダイレクト) -> 記事ページ

これでリロードは記事ページになるので、カウント処理は入らないかと思います。

Answer 5

それだとページリロードした際も$idにセットされないですか？

それはこれで解決できます。
Takumibooさんのコードを少し編集しました。

session_start();
if (isset($_GET['id'])&&!isset($_SESSION['id'])) {
 $id = $_GET['id'];
$_SESSION['id'] = $id;
} elseif(!isset($_GET['id'])){

 // idがなかった場合の処理

 
}else{
//sessionがなかったときの処理
}

セッションを破棄する方法

session_start();
unset($_SESSION['id']);

Comments

[退会済みユーザー]

セッションを使用していく方法で行こうと思います。

ページを開いたら、
セッション変数にIDを格納して、
元の一覧ページに戻ったらsession_destroyでセッションを削除する方法で問題ないでしょうか。

session_destroyをしたら他のセッションも消えてしまうのですが、これは対策できないのでしょうか。
別で管理ページを作成しており、ログインセッションも破棄されてしまいログイン画面に遷移されてしまいます。

[NaaYU]

Session_destroyで削除するのではなく、unset($_SESSION['id']);で削除しましょう。そうすることでidというセッションだけを削除できます。

[退会済みユーザー]

ありがとうございます。
思い通りのものが実装できました。

Answer 6

移動先のPHP

if (!isset($_GET['id'])) {
  // idがなかった場合の処理
} else {
  $id = $_GET['id'];
}

これで$idにaaaやbbbが格納されます。

Comments

[退会済みユーザー]

回答ありがとうございます。
それだとページリロードした際も$idにセットされないですか？