통합 문서

통합 방법은 세 가지 — 하나만 선택하면 몇 분 만에 완료.

1 · 모든 사이트 (권장)

어떤 프레임워크든 아래 한 줄을 <head>에 추가하면 페이지뷰(SPA 라우트 포함)를 자동으로 집계합니다.

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

stat.ts를 프로젝트에 복사하고 루트 +layout.svelte의 컴포넌트 초기화 시점에 initStat을 호출하세요.

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

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

컴포넌트 초기화 시 동기적으로 호출해야 합니다. onMount 안에서 호출하면 “outside component initialisation” 오류가 발생합니다.

제품의 /auth/me에서 tutu_id_sub를 노출하고 프런트엔드에서 getSub를 제공하면, 동일 사용자가 모든 플랫폼에서 한 명으로 병합됩니다.

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

사이트를 방문하면 “실시간 방문자”가 +1 되고, 몇 초 안에 개요에서 이 방문을 볼 수 있습니다.