PHP,JS视图计数器并保存

r

我尝试在js中为我的网页创建一个视图计数器。

查看页面时,计数器将增加1。

显示计数的数字。

但是一件事不起作用:当我从另一台设备查看网站时,计数器从0开始。

所以我用localStorage来存储数据。但是我想当我从笔记本电脑上看到页面时,计数器增加一。当我从手机上查看该页面时,计数器应该已经显示了数字1并应将其增加一,所以计数器将为2。

我不知道如何使其可行。仅通过LocalStorage完成。我以为我应该通过将数据存储在.txt文件中来保存数据,但是它不起作用,因为当文件编写器将数据(1)保存到文件中时,它将保存上一个视图旁边的下一个视图(1)数。如果我想将当前号码添加到前一个号码,它将显示号码1。

这是我的代码:

var n = localStorage.getItem('profile_1_tech.html');

if (n === null) {
  n = 0;
}

n++;

localStorage.setItem("profile_1_tech.html", n);

document.getElementById('counter').innerHTML = n;
<span><span id="counter"></span> Views</span>

因此,我需要添加结果(每个视图1个视图+ 1个视图),所有用户都可以看到相同的数字。

大马赫迪03

JavaScript LocalStorageAPI仅打算在一台设备上使用,而使用SessionStorageAPI的用途则更少,因为一旦关闭选项卡,该内存就会被清除。

由于您的问题标签已PHP包含您可以做的事情,因此创建一个帐户系统,该系统增加使用PHP使用SQL存储在SQL表中的值,并且每次用户创建帐户时,您都将为其专门创建一个新的“视图”字段。

但是,如果您尝试使用视图计数器进行分析,以了解有多少人使用您的网站,那么我建议您使用Google Analytics(分析),因为它是免费的并且只需要很少的代码,而不是前面提到的“帐户系统”存储方法PHP数据库中的视图。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章