Integration Guide

Add Your Badge

Display your website's certified age with a single line of code. Works everywhere.

Quick Start

Replace example.com with your domain.

HTML

<a href="https://siteage.org/example.com">
  <img src="https://badge.siteage.org/example.com" alt="SiteAge badge">
</a>

Markdown

[![SiteAge](https://badge.siteage.org/example.com)](https://siteage.org/example.com)

JavaScript Widget

Recommended

One script tag automatically renders a linked badge. No build step required.

<script src="https://badge.siteage.org/widget.js"
  data-domain="example.com"
  data-style="gold"
  async></script>

Attributes:

data-domain — your domain (required)

data-style — badge style: flat, gold, vintage, etc.

data-type — since or established

data-format — year, month, date, age, or days

Platform Guides

WordPress

Go to Appearance → Widgets, add a Custom HTML widget to your sidebar or footer.

<!-- Add to Appearance → Widgets → Custom HTML -->
<a href="https://siteage.org/example.com">
  <img src="https://badge.siteage.org/example.com?style=gold&type=established"
       alt="SiteAge badge" style="height:20px">
</a>

React / Next.js

function SiteAgeBadge({ domain, style = "flat" }: { domain: string; style?: string }) {
  const badgeUrl = `https://badge.siteage.org/${domain}?style=${style}`;
  const linkUrl = `https://siteage.org/${domain}`;
  return (
    <a href={linkUrl} target="_blank" rel="noopener noreferrer">
      <img src={badgeUrl} alt="SiteAge badge" height="20" />
    </a>
  );
}

GitHub README

Add the Markdown snippet to your README.md. Works with any Markdown renderer.

[![SiteAge](https://badge.siteage.org/example.com)](https://siteage.org/example.com)

Want to customize your badge style and format?

Open Badge Customizer