我尝试在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个视图),所有用户都可以看到相同的数字。
JavaScript LocalStorage
API仅打算在一台设备上使用,而使用SessionStorage
API的用途则更少,因为一旦关闭选项卡,该内存就会被清除。
由于您的问题标签已PHP
包含您可以做的事情,因此创建一个帐户系统,该系统增加使用PHP使用SQL存储在SQL表中的值,并且每次用户创建帐户时,您都将为其专门创建一个新的“视图”字段。
但是,如果您尝试使用视图计数器进行分析,以了解有多少人使用您的网站,那么我建议您使用Google Analytics(分析),因为它是免费的并且只需要很少的代码,而不是前面提到的“帐户系统”存储方法PHP数据库中的视图。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句