Skip to content

Docs

Badges and embeds

Your numbers, verified, anywhere you want them. Make one on your project's Embeds tab, paste the snippet, done.

Inspector Caws, a black crow detective in a deerstalker hat with one lime eye

Three flavors

Pick where it's going.

  • SVG badge

    READMEs, docs, anywhere an image goes.

    A shields-style badge drawn on our server. Light by default; add ?theme=dark for dark pages. It links back to your public page.

  • Live card

    Your landing page, a blog, a portfolio.

    A small window with the number, its 30-day change, a sparkline and the verified stamp. Follows the visitor's light or dark mode and sizes itself.

  • PNG card

    X, LinkedIn, newsletters.

    A 1200 by 630 image that unfurls nicely in posts. Same numbers, no script, works anywhere images do.

Badge styles

Three styles, two themes.

These are the real badges, drawn by the same code that serves yours. Values are masked here.

light.svg

  • classic light badge, value maskedMRR$•••classic
  • flat light badge, value maskedMRR$•••flat
  • crow light badge, value maskedMRR$•••crow

dark.svg

  • classic dark badge, value maskedMRR$•••classic
  • flat dark badge, value maskedMRR$•••flat
  • crow dark badge, value maskedMRR$•••crow

Honest by design

What a badge shows.

Every embed reads the same public data as your page, with the same rules.

  • Verified badge example, value maskedMRR$•••

    Verified

    Synced from the source in the last 48 hours. Lime means checked.

  • Range badge example, value maskedMRR$••• to $•••

    Range

    You chose a range for this metric, so the badge shows the bucket and nothing more.

  • Stale badge example, value maskedMRR$•••

    Stale

    No healthy sync for 48 hours. The number stays, the lime goes, until the source syncs again.

  • Hidden or private badge example, value maskedMRRhidden

    Hidden or private

    Hidden metrics and private projects never leave the server. The badge just says so.

Copy and paste

Snippets.

The Embeds tab fills in your real id and links. Here, YOUR_EMBED_ID stands in for it.

Markdown (README)
[![Verified by StatCrow](https://statcrow.com/badge/YOUR_EMBED_ID.svg)](https://statcrow.com/@you/your-project)
HTML badge, dark page
<a href="https://statcrow.com/@you/your-project"><img src="https://statcrow.com/badge/YOUR_EMBED_ID.svg?theme=dark" alt="MRR, verified by StatCrow"></a>
Live card (auto-resizes)
<script src="https://statcrow.com/e.js" data-id="YOUR_EMBED_ID" async></script>
Live card, forced dark
<script src="https://statcrow.com/e.js" data-id="YOUR_EMBED_ID" data-theme="dark" async></script>
Live card without a script
<iframe src="https://statcrow.com/embed/YOUR_EMBED_ID" title="MRR, verified by StatCrow" width="360" height="200" style="border:0;max-width:100%" loading="lazy"></iframe>
PNG card
<a href="https://statcrow.com/@you/your-project"><img src="https://statcrow.com/card/YOUR_EMBED_ID.png" alt="MRR, verified by StatCrow" width="600"></a>

Options

Make it yours.

Embed options and which plans or embed types they apply to
OptionWhat it doesWhere
StyleClassic, flat or crow stampBadges
ThemeAuto, light or dark. ?theme= on the URL (or data-theme on the script) winsBadges, live cards
LabelUp to 24 characters instead of the metric nameAll
MinimalDrops the crow mark from classic and flat badgesPro
AccentPink, teal or plum instead of limePro, cards
No watermarkCards without the Verified by StatCrow stripPro, cards

Freshness

Badges and cards are cached for up to an hour at the edge, so a new sync can take a little while to show.

Views

Each embed counts views from server hits. Cached views don't reach us, so the count runs low, never high.

Deleting

Delete an embed and every copy of it turns into a polite "not found".

Numbers first, badge second. Connect a source.