CoinOrbit Widget
打开应用

站长专用组件 & API

一行代码为任何网站添加实时加密行情。免费、开源、支持跨域。

CORSiframeREST API无需注册免费

快速开始

复制以下代码到你的 HTML 中:

<script src="https://orbit.biyijia.com/widget.js"
  data-mode="inline"
  data-coins="BTC,ETH,SOL"
  data-tf="24h">
</script>

使用示例

内嵌气泡图

在你的网页中直接嵌入交互式加密货币气泡图。

<script src="https://orbit.biyijia.com/widget.js"
  data-mode="inline"
  data-coins="BTC,ETH,SOL,BNB,XRP"
  data-tf="24h"
  data-width="700"
  data-height="450">
</script>

侧边栏面板

可折叠的行情数据面板,固定在页面侧边。

<script src="https://orbit.biyijia.com/widget.js"
  data-mode="sidebar"
  data-position="right"
  data-coins="BTC,ETH,SOL,DOGE">
</script>

浮动按钮

页面角落的浮动按钮,点击弹出加密行情窗口。

<script src="https://orbit.biyijia.com/widget.js"
  data-mode="floating"
  data-position="bottom-right"
  data-label="📈 Crypto">
</script>

文章钩子(自动价格标签)

当文章中提到加密货币名称时,自动注入实时价格标签。

<script src="https://orbit.biyijia.com/widget.js"
  data-mode="hooks"
  data-sidebar="true">
</script>

直接 iframe 嵌入

如果你需要完全控制尺寸和位置,可以直接使用 iframe。

<iframe
  src="https://orbit.biyijia.com/embed?tf=24h&coins=BTC,ETH,SOL"
  width="800" height="500"
  frameborder="0"
  style="border-radius:16px; border:none; display:block;">
</iframe>

REST API 接口

通过 API 直接获取实时币种数据,用于自定义集成。

// Fetch top 30 coins
fetch('https://orbit.biyijia.com/api/coins?per_page=30')
  .then(r => r.json())
  .then(coins => {
    coins.forEach(c => {
      console.log(c.symbol, '$' + c.current_price, c.price_change_percentage_24h_in_currency + '%');
    });
  });

// Fetch K-line data
fetch('https://orbit.biyijia.com/api/klines?symbol=BTC&interval=1h&limit=24')
  .then(r => r.json())
  .then(console.log);

// Fetch Fear & Greed Index
fetch('https://orbit.biyijia.com/api/fng')
  .then(r => r.json())
  .then(console.log);

配置参数

属性可选值默认说明
data-mode"inline" | "sidebar" | "floating" | "hooks""inline"组件显示模式
data-coins"BTC,ETH,SOL,..."Top 30逗号分隔的币种符号
data-tf"1h" | "24h" | "7d" | "1y""24h"涨跌幅时间周期
data-widthnumber (px)700内嵌模式宽度
data-heightnumber (px)450内嵌模式高度
data-position"left" | "right" | "bottom-left" | "bottom-right""right"面板/按钮位置
data-labelstring"📈 Crypto"浮动按钮文字
data-sidebar"true" | "false""false"hooks 模式是否显示侧边栏

API 接口

所有 API 接口支持跨域请求(CORS),无需 API Key 或认证。

GEThttps://orbit.biyijia.com/api/coins
参数: per_page=60
实时币价、交易量、1h/24h/7d 涨跌幅
GEThttps://orbit.biyijia.com/api/klines
参数: symbol=BTC&interval=1h&limit=24
OHLCV K线数据
GEThttps://orbit.biyijia.com/api/fng
恐惧贪婪指数

币种数据结构

{
  "id": "btc",
  "symbol": "BTC",
  "name": "Bitcoin",
  "current_price": 67432.50,
  "market_cap": 1325678900000,        // 24h交易量作为代理值
  "market_cap_rank": 1,
  "total_volume": 1325678900000,
  "price_change_percentage_1h_in_currency": 0.35,
  "price_change_percentage_24h_in_currency": 2.18,
  "price_change_percentage_7d_in_currency": -1.42,
  "price_change_percentage_1y_in_currency": null,
  "high_24h": 68100.00,
  "low_24h": 66200.00,
  "circulating_supply": null,
  "total_supply": null,
  "ath": null,
  "ath_change_percentage": null
}

注意事项

  • 数据每 60 秒自动刷新。
  • 数据源:币安现货市场,价格以 USDT 计价。
  • 所有接口免费使用,无需 API Key。
  • 完整支持 CORS 跨域 — 可从任何域名调用,包括 file:// 协议。
  • 组件脚本轻量(约 30KB),异步加载不阻塞页面。
  • 建议将 script 标签放在你希望组件出现的位置。
  • 同一页面可放置多个组件,各自使用不同配置。