وثائق التكامل

ثلاث طرق للدمج — اختر واحدة، وتنتهي خلال دقائق.

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 · التحقق

زُر موقعك — يُفترض أن يزداد «الزوّار المباشرون»، وسترى الزيارة في النظرة العامة خلال ثوانٍ.