Widgets embarquables
Affiche les statistiques publiques d’un site n’importe où : un badge dans ton README, un mini-tableau de bord dans une page, ou un compteur qui s’actualise tout seul. Trois formats, zéro configuration côté serveur.
Le plus simple : copie les snippets déjà remplis depuis la page Widgets de ton site (l’URL absolue est générée pour toi). Dans les exemples manuels ci-dessous, https://takt.exemple.fr tient lieu de l’adresse de Takt — remplace seulement exemple.fr par ton domaine.
Badge SVG
Une petite image « visiteurs · 30j », parfaite pour un README GitHub, un e-mail ou un pied de page. Aucune dépendance, aucun JavaScript.
En Markdown :
[](https://takt.exemple.fr/?ref=exemple.fr) En HTML :
<a href="https://takt.exemple.fr/?ref=exemple.fr">
<img src="https://takt.exemple.fr/public/exemple.fr/badge.svg" alt="Statistiques Takt" />
</a> Options
Ajoute-les en paramètres de requête sur l’URL badge.svg :
| Paramètre | Valeurs | Défaut | Effet |
|---|---|---|---|
variant | a, b, d | a | Style : a carte claire, b corail, d sombre |
glyph | unplug, dash, off, eyeoff | unplug | Glyphe du badge de repli (site privé/introuvable) |
lang | fr, en | fr | Langue du libellé et format des nombres |
https://takt.exemple.fr/public/exemple.fr/badge.svg?variant=d&lang=en Embed (iframe)
Un mini-tableau de bord en lecture seule : graphe des visiteurs + 3 chiffres clés (visiteurs, pages vues, durée moyenne). Idéal pour une page « transparence » ou un site vitrine.
<iframe
src="https://takt.exemple.fr/embed/exemple.fr"
style="border:0;width:404px;height:264px"
title="Statistiques Takt"
loading="lazy"
></iframe> L’embed accepte les mêmes paramètres lang (et theme=light|dark) en requête : …/embed/exemple.fr?lang=en&theme=dark.
Snippet badge.js
Un seul <script> qui injecte automatiquement le badge ou l’iframe à l’endroit où tu le places — pratique quand tu ne peux pas écrire de Markdown ni d’iframe à la main.
<script
src="https://takt.exemple.fr/badge.js"
data-domain="exemple.fr"
data-format="badge"
></script> Attributs
| Attribut | Valeurs | Défaut | Rôle |
|---|---|---|---|
data-domain | ton domaine | (requis) | Site à afficher |
data-format | badge, embed | badge | Badge image ou iframe |
data-variant | a, b, d | a | Style du badge |
data-lang | fr, en | auto | Langue |
data-theme | light, dark, auto | light | Thème de l’embed |
data-live | (présent) | — | Rafraîchit le badge automatiquement |
Avec data-live, le badge se met à jour tout seul (toutes les 30 s, en pause quand l’onglet est masqué) :
<script
src="https://takt.exemple.fr/badge.js"
data-domain="exemple.fr"
data-format="badge"
data-live
></script> Quand le site n’est pas public
Si un site est privé (ou n’existe pas), les widgets n’affichent jamais d’image cassée : ils montrent un badge neutre takt avec une icône d’indisponibilité, sans aucun chiffre. Aucune statistique ne fuit, et l’état est identique qu’un site soit privé ou inexistant (anti-énumération).
Le glyphe est configurable via glyph :
Pour aller plus loin
- Voir la démo des widgets — les badges et intégrations sur un site réel, sans compte.
- Événements & payload — les agrégats affichés par les widgets.