Tài liệu tích hợp

Ba cách tích hợp — chọn một, xong trong vài phút.

1 · Bất kỳ trang nào (khuyến nghị)

Với bất kỳ framework nào, thêm dòng bên dưới vào <head> để tự động ghi nhận lượt xem trang (gồm cả route SPA).

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

Sao chép stat.ts vào dự án và gọi initStat trong lúc khởi tạo component ở +layout.svelte gốc.

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

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

Phải gọi đồng bộ trong lúc khởi tạo component; gọi bên trong onMount sẽ báo lỗi “outside component initialisation”.

Xuất tutu_id_sub từ /auth/me của sản phẩm và cung cấp getSub ở frontend — cùng một người dùng được hợp nhất thành một trên mọi nền tảng.

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

Truy cập trang của bạn — “Khách trực tuyến” sẽ tăng và bạn thấy lượt truy cập trong tổng quan sau vài giây.