Widgets

Embed live, public stats from Trakily on your own site.

Widgets show live totals from Trakily on your own site, changelog or README. They only expose totals, never anything about individual visitors.

Turn on public widgets

Open Settings → Widgets and switch on Enable public widgets. Until then, embedded widgets return a 404 (signed-in members still see a private preview). Switching it off later disables every embed at once.

Widget types

Widget	Shows	Height
Realtime	A live “N people here now” pill that refreshes itself every 20 seconds.	48 px
Card	Your site, a visitor sparkline and the total for the period.	168 px
Chart	Visitors line with revenue bars and hover details.	260 px

Widget: Realtime
Shows: A live “N people here now” pill that refreshes itself every 20 seconds.
Height: 48 px

Widget: Card
Shows: Your site, a visitor sparkline and the total for the period.
Height: 168 px

Widget: Chart
Shows: Visitors line with revenue bars and hover details.
Height: 260 px

Embed

Pick a widget, choose colours, theme (System, Light or Dark) and period (7, 30 or 90 days), then copy the embed code from the panel. It is a plain iframe:

HTML

<iframe
  src="https://trakily.com/widgets/pls_…/card?theme=system&visitors=60a5fa&revenue=2563eb&period=30"
  title="example.com card widget"
  style="width: 100%; height: 168px; border: 0; background: transparent; color-scheme: normal;"
  loading="lazy"
></iframe>

The panel also has React and Next.js versions; they work in Server Components with no client code. The options are plain URL parameters: theme, visitors and revenue (hex colours without #) and period.

Widgets are cached for about a minute (the realtime pill for 15 seconds), so they stay fast even on busy pages.

README badge

A small “visitors this month” badge for GitHub READMEs and docs. Add ?color= with a hex colour to change it.

Markdown

[![example.com visitors](https://trakily.com/widgets/pls_…/badge.svg)](https://example.com)