如何在页面加载15秒后执行setCounterVisitor()统计函数？

首先，你原来的服务器端直接调用统计函数的方式，会把所有访问（包括Google爬虫）都计入数据，这才导致了统计失真。要实现页面加载15秒后执行统计，必须借助前端JavaScript来控制触发时机——毕竟PHP是服务器端语言，没办法在客户端页面加载完成后再延迟执行代码。

下面是具体的实现步骤：

1. 移除原服务器端直接调用的代码 #

先把当前页面里的这段代码删掉：

<?php require_once 'app/visitor.php'; setCounterVisitor(); ?>

2. 创建后端统计接口 #

新建一个PHP文件（比如命名为count_visitor_ajax.php），用来专门处理前端的统计请求，内容如下：

<?php
// 引入你原有的访客统计逻辑文件
require_once 'app/visitor.php';
// 调用统计函数
setCounterVisitor();
// 返回成功响应（可选，方便前端调试）
echo json_encode(['status' => 'success']);
?>

3. 在当前页面添加前端延迟触发代码 #

在当前页面的<script>标签里加入以下JavaScript代码，实现页面加载完成后15秒发送统计请求：

// 等待页面完全加载完成
window.addEventListener('load', function() {
  // 设置15秒延迟定时器
  setTimeout(function() {
    // 创建AJAX请求
    const xhr = new XMLHttpRequest();
    xhr.open('GET', 'count_visitor_ajax.php', true);
    xhr.onload = function() {
      if (xhr.status === 200) {
        console.log('访客统计已成功记录');
      }
    };
    // 发送请求到统计接口
    xhr.send();
  }, 15000); // 15000毫秒 = 15秒
});

额外优化：主动过滤爬虫（可选） #

为了更精准地排除爬虫，你可以在后端接口里添加User-Agent判断，直接拦截常见搜索引擎机器人的请求：
在count_visitor_ajax.php开头加入这段代码：

<?php
// 定义常见爬虫的User-Agent关键词
$spiderKeywords = ['googlebot', 'bingbot', 'slurp', 'duckduckbot', 'baiduspider'];
$userAgent = strtolower($_SERVER['HTTP_USER_AGENT']);

// 检查当前访问是否来自爬虫
foreach ($spiderKeywords as $keyword) {
  if (strpos($userAgent, $keyword) !== false) {
    // 如果是爬虫，直接返回不统计
    echo json_encode(['status' => 'skipped', 'reason' => 'spider detected']);
    exit;
  }
}

// 后续的统计逻辑
require_once 'app/visitor.php';
setCounterVisitor();
echo json_encode(['status' => 'success']);
?>

为什么这个方案可行？ #

• Google爬虫等大部分搜索引擎机器人不会执行JavaScript，或者不会等待15秒这么久，自然不会触发统计请求；
• 真实用户的浏览器会正常执行JS并等待15秒，只有这类访问才会被计入统计，避免数据失真；
• 你原有的setCounterVisitor()函数逻辑完全不用修改，只是把触发时机从服务器端移到了客户端控制。

内容的提问来源于stack exchange，提问作者Fydellys