網站目前在線人數怎麼顯示（不用外掛）

// 1. 接收訪客瀏覽器每分鐘送來的「我還在」，回傳最近 5 分鐘內的人數
add_action( 'rest_api_init', function () {
	register_rest_route( 'zw/v1', '/online', array(
		'methods'             => 'POST',
		'permission_callback' => '__return_true',
		'callback'            => function ( WP_REST_Request $request ) {
			$id       = preg_replace( '/[^a-f0-9]/', '', strtolower( (string) $request->get_param( 'id' ) ) );
			$visitors = get_transient( 'zw_online' );
			$visitors = is_array( $visitors ) ? $visitors : array();
			$now      = time();
			foreach ( $visitors as $key => $time ) {
				if ( $now - $time > 5 * MINUTE_IN_SECONDS ) {
					unset( $visitors[ $key ] ); // 超過 5 分鐘沒消息，當作離開了
				}
			}
			if ( 16 === strlen( $id ) ) {
				$visitors[ $id ] = $now;
			}
			$visitors = array_slice( $visitors, -5000, null, true ); // 最多記 5000 人，避免被亂送資料塞爆
			set_transient( 'zw_online', $visitors, 10 * MINUTE_IN_SECONDS );
			return array( 'online' => count( $visitors ) );
		},
	) );
} );

// 2. 短代碼 [zw_online]：先放一個隱藏的位置，由瀏覽器取得人數後再顯示
add_shortcode( 'zw_online', function () {
	wp_register_script( 'zw-online', false, array(), null, true );
	wp_enqueue_script( 'zw-online' );
	wp_add_inline_script( 'zw-online', 'window.zwOnlineApi = ' . wp_json_encode( rest_url( 'zw/v1/online' ) ) . ';' . <<<'JS'
(() => {
  const el = document.querySelector('.zw-online');
  if (!el) return;
  let id = '';
  try { id = localStorage.getItem('zwOnlineId') || ''; } catch (e) {}
  if (!/^[a-f0-9]{16}$/.test(id)) {
    id = Array.from(crypto.getRandomValues(new Uint8Array(8)), (n) => n.toString(16).padStart(2, '0')).join('');
    try { localStorage.setItem('zwOnlineId', id); } catch (e) {}
  }
  const ping = () => fetch(window.zwOnlineApi, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ id }),
  })
    .then((res) => res.json())
    .then((data) => { el.querySelector('b').textContent = data.online; el.hidden = false; })
    .catch(() => {});
  ping();
  setInterval(() => { if (!document.hidden) ping(); }, 60000);
})();
JS
	);
	return '<span class="zw-online" hidden>目前線上：<b></b> 人</span>';
} );