Documentation d'intégration

Trois façons d'intégrer — choisissez-en une, prête en quelques minutes.

1 · N'importe quel site (recommandé)

Pour n’importe quel framework, ajoutez la ligne ci-dessous à votre <head> pour suivre automatiquement les pages vues (y compris les routes SPA).

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

2 · SvelteKit

Copiez stat.ts dans votre projet et appelez initStat pendant l’initialisation du composant dans le +layout.svelte racine.

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

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

Doit être appelé de façon synchrone pendant l’initialisation du composant ; l’appeler dans onMount déclenche « outside component initialisation ».

3 · Utilisateurs multiplateformes

Exposez tutu_id_sub depuis le /auth/me de votre produit et fournissez getSub côté frontend : le même utilisateur est fusionné en un seul sur toutes les plateformes.

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

4 · Vérifier

Visitez votre site — « Visiteurs en direct » devrait augmenter, et vous verrez la visite dans la vue d’ensemble en quelques secondes.