javascript - 如何检测新用户并在他们是新用户时重定向

Question

我想知道如何使用 html css 和 javascript 来检测用户是否是我的网页的新用户，这意味着他们是第一次浏览该网站，如果他们是新用户，则将他们重定向到一个 url。如何才能做到这一点？我不确定这是否需要大量代码或相对简单。如果答案需要编写大量代码，也许只是一个关于如何完成的大纲？

Answer 1

您可以使用 Window.localStorage .

当用户加载页面时，检查存储中是否存在键。如果没有，则这是用户第一次访问该站点。然后给键一个值，这样在以后的访问中您就不会误认为该用户再次成为新用户。

const isNew = localStorage.getItem("visit") == null;
if (isNew) {
  localStorage.setItem("visit", ".");
  //It's a new user
} else {
  //It's not a new user
}

Codesandbox 示例:

---

同样的逻辑也适用于 cookie。例如，像这样的东西(使用 js-cookie 库):

const hasVisited = Cookies.get("has-visited") == undefined;
if (hasVisited) {
  Cookies.set("has-visited", "true");
  //It's a new user
} else {
  //It's not a new user
}

---

要重定向，我们可以简单地执行 location = "url-to-redirect-to.com"