Umaimi前端显示统计

使用代码

<script defer src="https://umami.ittst.top/script.js" data-website-id="67ea5e16-2373-43f6-a7db-8847c7715aab"></script>
<div class="tongji">总访问量 <span id="pvStatic">0</span> 次 | 总访客数 <span id="uvStatic">0</span> 人</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
    umiTongji();
});

function umiTongji(){
  var umiToken = "UsJZIDP8EQdYZUIGESO2U1I8dg0QSCgx/6aGrWf/c8tfz3tFG0dxBfEDlCdaEJR2ZqHGGCekgS6kCg3PTD3/VMHscPAy9SYxqcxu9J22WKQYHiU6ueNHN0uFOhZiWPEhPaOS/51/N2hkw79pjE2JHhgkLOefUn9R8d6ItDIiALfmaZ2eHBXAYXAkZ7Um6udCkRSF2rz3HAsYSRdEYClk6idvQVcJvXbHoMcyc9k54fea5OrBBWoKRfrsPX73ycN6oFN2nLLKIVmTEDFTNnIJZzglj7rYrZsgkrhsVz9FhrsrRmYXCFn1KQuOXNtxnr/bGeq84rGc7birbYXQA2ZRdZuWb4vuB26ZWw==";  //获取到的 token
  var umiId = "67ea5e16-2373-43f6-a7db-8847c7715aab"; //获取到的 websiteId
  var umiTime = Date.parse(new Date());
  var umiUrl = "https://umami.ittst.top/api/websites/" + umiId + "/stats?startAt=1672848000000&endAt=" + umiTime;

  fetch(umiUrl, {
    method: 'GET',
    mode: 'cors',
    cache: 'default',
    headers: {
      'Authorization': 'Bearer ' + umiToken,
      'Content-Type': 'application/json'
    }
  })
  .then(res => {
    if (!res.ok) {
      throw new Error('Network response was not ok');
    }
    return res.json();
  })
  .then(resdata => {
    console.log(resdata); // 查看完整的响应数据
    document.querySelector('#pvStatic').innerHTML = resdata.pageviews.value;
    document.querySelector('#uvStatic').innerHTML = resdata.visits.value;
  })
  .catch(error => {
    console.error('There was a problem with the fetch operation:', error);
  });
}
</script>