You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改代码实现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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.18 11:55:18