Gold price badge · free embed code

A free, auto-updating gold price badge for your website, blog or README. One line of HTML shows the latest COMEX gold price and Shanghai Au99.99 with the day's change. The image is hosted by xaudaily.com and kept fresh — there is nothing to maintain, nothing to sign up for and no JavaScript involved.

1. Preview

Light — gold-badge.svg

Today's gold price · xaudaily.com

Dark — gold-badge-dark.svg

Today's gold price · xaudaily.com (dark)

Figures in the badge refresh automatically; data as of 2026-09-20.

2. Copy-paste embed code

Website HTML (light theme)

<a href="https://xaudaily.com/?utm_source=widget&utm_medium=embed&utm_campaign=gold-badge" target="_blank" rel="noopener"
   title="Gold Data Reading · today's gold price">
  <img src="https://xaudaily.com/widget/gold-badge.svg" width="320" height="96"
       alt="Today's gold price · xaudaily.com" loading="lazy">
</a>

Website HTML (dark theme)

<a href="https://xaudaily.com/?utm_source=widget&utm_medium=embed&utm_campaign=gold-badge" target="_blank" rel="noopener"
   title="Gold Data Reading · today's gold price">
  <img src="https://xaudaily.com/widget/gold-badge-dark.svg" width="320" height="96"
       alt="Today's gold price · xaudaily.com (dark)" loading="lazy">
</a>

GitHub README / Markdown

[![Gold Data Reading · today's gold price](https://xaudaily.com/widget/gold-badge.svg)](https://xaudaily.com/?utm_source=widget&utm_medium=embed&utm_campaign=gold-badge)

3. Two things that trip people up

1. The link must wrap the image. An SVG loaded through <img> is a passive image: its own <a> is not clickable, so the credit inside the badge is visible text only. The clickable link comes from the outer <a> in the snippets above — please don't paste a bare <img>.

2. Please don't self-host the image. That freezes it at today's price and loses the attribution. Hot-linking is fine, and that is what these snippets do.

4. Colour convention: red = up, green = down

The badge follows the Chinese market convention — red means up, green means down — the opposite of the US/European convention. It also carries ▲/▼ arrows, so the direction stays readable either way. If your audience expects green = up, add a one-line note next to the badge; the generator deliberately does not offer a switched palette, because the same image read both ways is worse than one clear convention.

5. What the numbers are, and their limits

COMEX GC continuous (USD/oz) and Shanghai Au99.99 (CNY/g), each with its day change. The site is rebuilt twice a day (06:30 and 22:40 JST) with a gold tick roughly every 30 minutes, so this is a daily reading, not a real-time feed — please don't describe it as real-time. Sources and per-field as-of dates are listed in the site footer. Not investment advice.

6. Credit and licence

The badge image already carries the xaudaily.com credit. All we ask is that you keep the link and the UTM parameters (?utm_source=widget&utm_medium=embed&utm_campaign=gold-badge), which is how we can tell the badge is being used. Data is CC BY 4.0 — credit and link required.

7. Chinese version

This page also exists in Chinese — labeled here in English on purpose, because a Chinese label is no help to an English reader: gold price badge, embed code (Chinese page) · Chinese dashboard · English dashboard