在您的网站上嵌入实时价格
您可以在您的博客、文档或 README 中展示 UberLLM 的当前价格。价格会自动更新,您无需 API key 也无需账户。有四种方式:
| 您想要 | 使用 |
|---|---|
| 网页上的价格表 | 脚本标签 |
| 不允许脚本的相同表格 | 一个普通的 iframe |
| README 中的价格徽章 | 价格徽章 |
| 数字,用于构建您自己的表格 | JSON 价格 API |
uberllm.dev 上的定价页面有一个 嵌入实时价格表 链接,每个模型页面都有 嵌入此价格。两者都为您提供可直接粘贴的代码。
脚本标签
将此粘贴到表格应出现的位置:
<script async src="https://uberllm.dev/embed.js"
data-models="anthropic/claude-sonnet-4.5,openai/gpt-5.5,deepseek/deepseek-v4-flash"></script>
脚本会将表格紧随其后放置,并使其高度与表格高度相等,这样就不会有空白区域,也没有滚动条。
如果没有选项,您将获得 uberllm.dev 排行榜顶部的 10 个聊天模型:
<script async src="https://uberllm.dev/embed.js"></script>
选项
所有选项都是可选的。
| 属性 | 作用 |
|---|---|
data-models |
要显示的模型,以逗号分隔的 ID 形式,按您想要的顺序排列。ID 是您在请求中作为 model 发送的内容,例如 openai/gpt-5.5。 |
data-type |
显示 text、image、video 或 audio 模型。如果没有 data-models 且没有此选项,表格将显示聊天模型 (text)。 |
data-limit |
当您未指定模型时要显示多少个模型。从 1 到 50。默认值为 10。 |
data-theme |
light、dark 或 auto。auto 是默认值,并遵循读者的系统设置。设置为 light 或 dark 以匹配您的页面。 |
data-lang |
列名称的语言:en、fr、es、de、pt、it、nl、zh、vi、ja、ko 或 id。auto 使用读者的浏览器语言。默认值为 en。 |
data-max-width |
表格的最大宽度,例如 600px 或 100%。默认值为 720px。 |
data-title |
屏幕阅读器为表格朗读的名称。 |
深色页面中的视频表格:
<script async src="https://uberllm.dev/embed.js"
data-type="video" data-limit="5" data-theme="dark"></script>
一个普通的 iframe
有些网站会移除 script 标签。在这种情况下,请使用 iframe。选项与 script 标签相同,只是在地址中不带 data-:
<iframe src="https://uberllm.dev/embed/prices?models=anthropic/claude-sonnet-4.5,openai/gpt-5.5"
title="AI model API prices" width="100%" height="178" loading="lazy"
style="border:0;max-width:720px"></iframe>
iframe 无法自行改变高度,因此请您手动设置:76 像素加上每个模型 51 像素。两个模型需要 178,,五个模型需要 331,十个模型需要 586。
表格显示了什么
- 聊天模型:1 百万输入 token 和 1 百万输出 token 的价格。
- 图像、视频和音频模型:单个单位的价格,例如一秒视频或一张图片。
- 低于标价:价格比模型制造商的标价低多少。当表格中没有模型的标价高于我们时,此列会被省略。
这些数字与每个模型页面上的数字相同:即当前最低的卖家价格。当最便宜的卖家繁忙时,请求的费用可能会更高。请参阅 定价。
每个模型名称都链接到 uberllm.dev 上其对应的页面,表格中还有一个小的“UberLLM 价格”链接。
表格是根据过去一小时的价格构建的,然后从 价格 API 读取当前价格。如果读取失败,它会保留已有的价格。目前没有人提供服务的模型会被省略,以及为成人内容制作的模型也会被省略。不存在的模型 ID 会被跳过。
价格徽章
一个带有模型名称和当前价格的小图片,适用于 README:
[](https://uberllm.dev/models/anthropic/claude-sonnet-4.5?utm_source=embed&utm_medium=referral&utm_campaign=price-badge)
将模型 ID 原样放入地址中,包括斜杠,并以 .svg 结尾。
价格 API 和价格徽章 包含 HTML 表单和其他选项。
JSON 价格 API
要绘制您自己的表格,请将价格读取为 JSON。任何网页都可以从浏览器中调用它:
const res = await fetch("https://api.uberllm.dev/api/v1/public/prices?type=text&limit=10");
const { models } = await res.json();
for (const m of models) console.log(m.name, m.price_text);
价格 API 和价格徽章] 列出了所有参数和字段。
隐私与速度
- 表格是一个小文件。它不加载字体、不使用分析工具,也不加载其他脚本。
- 它不设置任何 cookie,也不读取您页面上的任何内容。它唯一发送给您页面的信息是它自身的高度。
- 表格中的链接会携带
utm_source=embed和您网站的名称,这样我们就能知道哪些网站带来了访客。 - 搜索引擎被告知不要索引表格本身,这样它就不会与您的页面竞争。
限制
价格 API 允许来自单个 IP 地址每分钟 300 个请求。一个表格在打开时会发出最多四个小型请求,并且在屏幕显示期间每 5 分钟会再次发出。