接入文件

三種接入方式,任選其一,幾分鐘接入。

1 · 任意站點(推薦)

任意框架的站點,在 <head> 加入下面一行即可自動統計頁面訪問(含 SPA 路由)。

<script defer src="https://tutustat.com/t.js" data-site="ts_xxxxxxxx"></script>

2 · SvelteKit

複製 stat.ts 到專案,在根 +layout.svelte 的元件初始化期呼叫 initStat。

import { initStat } from '$lib/stat';

initStat({
  site: 'ts_xxxxxxxx',
  endpoint: 'https://tutustat.com'
});

必須在元件初始化期同步呼叫;放 onMount 回撥會報 outside component initialisation。

3 · 跨平臺使用者統一

產品 /auth/me 暴露 tutu_id_sub 並在前端提供 getSub,同一使用者在所有平臺自動歸併為一人。

initStat({
  site: 'ts_xxxxxxxx',
  endpoint: 'https://tutustat.com',
  getSub: () => auth.user?.tutu_id_sub
});

4 · 驗證接入

訪問你的站點,後臺「即時線上」應 +1,幾秒內即可在總覽看到這次訪問。