線上人數計數器

如何使用

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

即時人數嵌入碼

	<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 操作

• 新增網站 Token
• 查詢網站 Token
• 刪除網站 Token

熱門排行榜

新增網站

查詢網站

刪除網站