1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
| <div class="tongji"> 今日访问人数 <span id="todayUv">0</span> | 今日访问量 <span id="todayPv">0</span> | 本月访问量 <span id="monthPv">0</span> | 总访问量 <span id="totalPv">0</span> </div>
<script> document.addEventListener('DOMContentLoaded', () => { umiTongji(); });
function umiTongji() { var umiToken = "你的token"; var umiId = "网站ID"; var umiTime = Date.parse(new Date()); var todayStart = new Date().setHours(0, 0, 0, 0); var monthStart = new Date(new Date().getFullYear(), new Date().getMonth(), 1).getTime(); var umiUrl = "https://你的域名/api/websites/" + umiId + "/stats?startAt=" + todayStart + "&endAt=" + umiTime;
fetch(umiUrl, { method: 'GET', mode: 'cors', cache: 'default', headers: { 'Authorization': 'Bearer ' + umiToken, 'Content-Type': 'application/json' } }) .then(res => res.json()) .then(resdata => { document.querySelector('#todayPv').innerHTML = resdata.pageviews.value; document.querySelector('#todayUv').innerHTML = resdata.visitors.value; });
umiUrl = "https://你的域名/api/websites/" + umiId + "/stats?startAt=" + monthStart + "&endAt=" + umiTime;
fetch(umiUrl, { method: 'GET', mode: 'cors', cache: 'default', headers: { 'Authorization': 'Bearer ' + umiToken, 'Content-Type': 'application/json' } }) .then(res => res.json()) .then(resdata => { document.querySelector('#monthPv').innerHTML = resdata.pageviews.value; });
umiUrl = "https://你的域名/api/websites/" + umiId + "/stats?startAt=0&endAt=" + umiTime;
fetch(umiUrl, { method: 'GET', mode: 'cors', cache: 'default', headers: { 'Authorization': 'Bearer ' + umiToken, 'Content-Type': 'application/json' } }) .then(res => res.json()) .then(resdata => { document.querySelector('#totalPv').innerHTML = resdata.pageviews.value; }); } </script> <style> #todayUv, #todayPv, #monthPv, #totalPv { color: #00a0ff; } </style>
|