統合ドキュメント

統合方法は3通り — 1つ選べば数分で完了。

1 · どんなサイトでも(推奨)

任意のフレームワークで、下記の 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 を提供すると、同一ユーザーが全プラットフォームで 1 人に統合されます。

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

自分のサイトにアクセスすると「リアルタイム訪問者」が +1 され、数秒で概要にこのアクセスが表示されます。