takt

Le snippet

Une ligne de script, zéro dépendance, ≈ 2,5 kB gzip. Colle-la dans le <head> et Takt commence à mesurer tes pages, dans le respect de la vie privée.

Installation

Place le script le plus haut possible dans le <head>, avant ton contenu. L’attribut defer garantit qu’il ne bloque jamais le rendu, et data-domain rattache les données au bon site dans ton tableau de bord.

<script defer src="https://cdn.jsdelivr.net/npm/@vskstudio/takt-core/dist/takt.js" data-domain="exemple.fr"></script>
Le snippet exclut automatiquement localhost et les IP privées, et respecte Do Not Track. En développement local, tu ne verras donc rien remonter. C'est normal.

Dès qu’il est chargé, Takt envoie un pageview pour la page courante et suit ensuite chaque navigation, y compris dans une SPA (History API). Tu n’as rien d’autre à câbler pour la mesure d’audience de base.

Suivre un événement

Au-delà des pages vues, déclenche des événements personnalisés depuis ton code. La fonction globale window.takt(nom, options) est disponible immédiatement, même si le script n’a pas fini de charger (les appels sont mis en file d’attente).

// Un simple événement nommé
window.takt('Signup')

// Avec des propriétés pour segmenter ensuite
window.takt('Signup', { props: { plan: 'pro' } })

Quelques cas d’usage typiques :

Interaction

Clic sur un CTA, ouverture d'une modale, soumission d'un formulaire.

Revenue

Attache un montant à un achat avec $ pour suivre le chiffre d'affaires.

Parcours

Étapes d'un onboarding ou d'un tunnel pour repérer les points de friction.

Téléchargements

PDF, exports, liens sortants, activables en un attribut data-*.

Chemins sensibles

Le snippet retire la query string et le hash de chaque URL, mais envoie le chemin tel quel. Il ne gère pas le masquage de routes (redactRoutes, routeTemplates) : si une route porte un jeton dans un segment, comme /verify/abc123, charge takt.auto.js avec l’attribut data-redact-routes (voir Configuration), ou installe le paquet npm ou un wrapper de framework.

Et ensuite