線上人數計數器

本服務可讓您即時掌握網站的在線人數與歷史瀏覽次數,輕鬆分析訪客活躍度。

系統功能

如何使用

  1. 前往「新增網站」頁面新增您的網站資訊
  2. 複製系統自動產生的嵌入碼
  3. 貼到您網站的 HTML 中即可開始統計
API教學示範影片

即時人數嵌入碼

	<div id="online-count"></div>
	<script>
	  const token = '你的專屬 token';
	  function updateOnlineUser() {
	    fetch('https://realtimeusers.wrlcc.synology.me/update.php?token=' + token, {
	      credentials: 'include'
	    })
	    .then(res => res.json())
	    .then(data => {
	      document.getElementById('online-count').textContent = `目前在線:${data.online_users} 人`;
	    });
	  }
	  setInterval(updateOnlineUser, 10000);
	  updateOnlineUser();
	</script>
	

歷史人數嵌入碼

	<div id="history-count"></div>
	<script>
	  const token = '你的專屬 token';
	  function updatehistory() {
	    fetch('https://realtimeusers.wrlcc.synology.me/history.php?token=' + token, {
	      credentials: 'include'
	    })
	    .then(res => res.json())
	    .then(data => {
	      document.getElementById('history-count').textContent = `歷史瀏覽次數:${data.history_users} 次`;
	    });
	  }
	  setInterval(updatehistory, 10000);
	  updatehistory();
	</script>
	

實測畫面

					
				

Token 操作

熱門排行榜

名次 網站名稱 網站連結 歷史次數
🥇東環鐵路模擬器https://ecrs.unaux.com/506
🥈免登入檔案共享系統https://fileshare.wrlcc.synology.me/239
🥉151-NAS集團伺服器營運狀態https://status.wrlcc.synology.me/100
4SPWiFi-Camhttps://spwificam.ddns.net/65
5虎農114生機科 班級網站https://hwaivs.mqi.qzz.io/0

新增網站

刪除網站