如何修改代码实现WordPress站点用户访问次数统计并运行不同JS?
解决方案
直接修改localStorage的存储逻辑,把原有的访问标记替换为访问次数数值,每次页面加载时更新计数,再根据次数判断执行对应函数:
// 定义不同访问场景的函数 function firstVisitHandler() { console.log("首次访问执行逻辑"); // 这里写入首次访问需要运行的代码 } function secondVisitHandler() { console.log("第二次访问执行逻辑"); // 这里写入第二次访问需要运行的代码 } function repeatVisitHandler() { console.log("第三次及以后访问执行逻辑"); // 这里写入后续访问需要运行的代码 } // 检查并更新访问次数 function checkAndUpdateVisitCount() { // 读取本地存储的访问次数,未存储则默认0 let visitCount = parseInt(localStorage.getItem('visit_count')) || 0; // 访问次数+1 visitCount++; // 更新本地存储的计数 localStorage.setItem('visit_count', visitCount); // 根据当前次数执行对应函数 switch(visitCount) { case 1: firstVisitHandler(); break; case 2: secondVisitHandler(); break; default: repeatVisitHandler(); break; } } // 页面加载时触发检查 checkAndUpdateVisitCount();
关键修改说明
- 将原有的
was_visited布尔标记替换为visit_count,存储具体的访问次数数值 - 每次页面加载时先读取现有计数,递增后重新写入
localStorage - 通过
switch语句判断当前访问次数,执行对应逻辑函数 - 若需扩展更多访问次数的行为,直接在
switch中添加新的case即可
注意事项
localStorage基于域名存储,同一域名下的所有页面共享该计数- 若用户清除浏览器缓存或本地存储,计数会被重置
- 如果需要跨设备统计访问次数,需配合WordPress后端的用户会话与数据库存储,前端本地存储仅能实现单设备的计数统计
内容的提问来源于stack exchange,提问作者Devillius
相关产品推荐
相关产品推荐

