Документация по интеграции

Три способа интеграции — выберите один, готово за несколько минут.

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 · Проверить

Зайдите на свой сайт — «Онлайн-посетители» должны увеличиться, и вы увидите визит в обзоре за секунды.