เอกสารการรวมระบบ

สามวิธีในการรวมระบบ — เลือกหนึ่ง เสร็จภายในไม่กี่นาที

1 · เว็บไซต์ใดก็ได้ (แนะนำ)

สำหรับเฟรมเวิร์กใดก็ได้ เพิ่มบรรทัดด้านล่างใน <head> เพื่อเก็บยอดการเข้าชมหน้าอัตโนมัติ (รวมเส้นทาง SPA)

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

2 · SvelteKit

คัดลอก stat.ts ไปยังโปรเจกต์ แล้วเรียก initStat ระหว่างการเริ่มต้นคอมโพเนนต์ใน +layout.svelte ราก

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

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

ต้องเรียกแบบซิงโครนัสระหว่างการเริ่มต้นคอมโพเนนต์ หากเรียกใน onMount จะเกิดข้อผิดพลาด “outside component initialisation”

3 · ผู้ใช้ข้ามแพลตฟอร์ม

เปิดเผย tutu_id_sub จาก /auth/me ของผลิตภัณฑ์คุณและจัดเตรียม getSub ที่ฝั่งหน้าเว็บ — ผู้ใช้คนเดียวกันจะถูกรวมเป็นหนึ่งข้ามทุกแพลตฟอร์ม

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

4 · ตรวจสอบ

เข้าชมเว็บของคุณ — “ผู้เข้าชมสด” ควรเพิ่มขึ้น และคุณจะเห็นการเข้าชมนี้ในภาพรวมภายในไม่กี่วินาที