javascript - 您如何计算用户对您网站客户端的累计访问量？

Question

我想跟踪用户访问我的网站/域的次数。例如，假设我想在用户第十次访问该网站后向他们显示一条消息。每次页面加载不应算作一次新访问。在这种情况下，访问更像是一次 session 。一次性浏览您想要的所有内容，即一次访问。关闭浏览器并返回，这是第二次访问。

我认为利用 localStorage 和 sessionStorage 来做到这一点会很好。我在 sessionStorage 中放置了一个值，以显示用户处于“currentVisit”状态，这样我就不会在每次页面加载时都对它们进行计数。当他们的 session 结束时，这些信息就会消失。然后我在 localStorage 中有一个值，用于统计用户的访问总量“visitCount”。如果用户加载页面并且没有“currentVisit”值，则给他们一个并增加“visitCount”。

我担心使用本地/ session 存储，因为我读到所有浏览器(特别是移动浏览器)并不一致支持它。

我正在考虑在我的方法中使用indexedDB代替localStorage，使用 session cookie代替sessionStorage。您认为最适合这项工作的工具是什么？

Answer 1

使用填充时as I mentioned above ，您可以定义一个像这样的简单函数来跟踪用户的访问，假设他们没有处于隐身或隐私浏览模式，并且他们不会清除或禁用您网站的 cookie:

function visitCount() {
  var visits = Number(localStorage.getItem('visitCount'));
  var current = Boolean(sessionStorage.getItem('session'));

  if (!current) {
    visits++;
  }

  localStorage.setItem('visitCount', visits);
  sessionStorage.setItem('session', true);

  return visits;
}

如果您担心信任客户端存储的任何注意事项(例如，安全性)，那么您应该使用服务器端解决方案和 browser fingerprinting脚本以更可靠的方式跟踪匿名访问。