Documentação de integração

Três formas de integrar: escolha uma e pronto em minutos.

1 · Qualquer site (recomendado)

Para qualquer framework, adicione a linha abaixo ao seu <head> para registrar automaticamente as visualizações de página (incluindo rotas SPA).

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

2 · SvelteKit

Copie stat.ts para o seu projeto e chame initStat durante a inicialização do componente no +layout.svelte raiz.

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

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

Deve ser chamado de forma síncrona durante a inicialização do componente; chamá-lo dentro de onMount gera “outside component initialisation”.

3 · Usuários multiplataforma

Exponha tutu_id_sub no /auth/me do seu produto e forneça getSub no frontend — o mesmo usuário é unificado em um só em todas as plataformas.

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

4 · Verificar

Acesse seu site — “Visitantes ao vivo” deve aumentar, e você verá a visita no resumo em segundos.