blog-count.js

(function () {
  async function fetchVisitorStats() {
    const hostname = window.location.hostname;
    const target = hostname + window.location.pathname;

    const baseUrl = `https://<你的域名>/visitor-count?target=${encodeURIComponent(target)}`;
    console.log(`目标 API 地址: ${baseUrl}`);

    try {
      console.log('访问数更新');
      await fetch(baseUrl, { method: 'POST', credentials: 'include' });

      const visitorTracked = getCookie('visitorTracked');
      if (!visitorTracked) {
        await fetch(`${baseUrl}&newVisitor=true`, { method: 'POST', credentials: 'include' });
      }

      console.log('获取最新统计数据');
      const response = await fetch(baseUrl, { method: 'GET', credentials: 'include' });
      if (!response.ok) throw new Error(`统计请求失败，状态码：${response.status}`);

      const data = await response.json();
      console.log('统计数据解析成功：', data);

      updateStatistics(data);

      if (!visitorTracked) setCookie('visitorTracked', 'true', 365);
    } catch (error) {
      console.error('获取或更新统计数据出错：', error);
    }
  }

  function updateStatistics(data) {
    const updateElement = (id, value) => {
      const element = document.getElementById(id);
      if (element) {
        element.textContent = value || 0;
        console.log(`更新元素 ${id}: ${value || 0}`);
      } else {
        console.log(`元素 ${id} 不存在，跳过更新`);
      }
    };

    updateElement('PageMeter_site_uv', data.site?.visitor_count);
    updateElement('PageMeter_site_pv', data.site?.visit_count);
    updateElement('PageMeter_page_uv', data.page?.visitor_count);
    updateElement('PageMeter_page_pv', data.page?.visit_count);
  }

  function setCookie(name, value, days) {
    const expires = new Date(Date.now() + days * 864e5).toUTCString();
    document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires}; path=/`;
  }

  function getCookie(name) {
    const cookies = document.cookie.split(';');
    for (let c of cookies) {
      const trimmed = c.trim();
      if (trimmed.startsWith(`${name}=`)) return trimmed.substring(name.length + 1);
    }
    return null;
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', fetchVisitorStats);
  } else {
    fetchVisitorStats();
  }

  // setInterval(fetchVisitorStats, 60000); // 可选，每 60 秒刷新统计数据
})();