あなたのサイトにリアルタイム価格を埋め込む

UberLLMの現在の価格を、あなたのブログ、ドキュメント、またはREADMEに表示できます。価格は自動的に更新され、API keyもアカウントも不要です。4つの方法があります。

あなたがしたいこと	使うもの
ウェブページに価格表を表示したい場合	スクリプトタグ
スクリプトが許可されていない場所で同じ価格表を表示したい場合	プレーンなiframe
READMEに価格バッジを表示したい場合	価格バッジ
独自の表を作成するために数字（価格データ）が必要な場合	JSON price API

uberllm.devの価格ページには、「Embed a live price table」リンクがあり、各モデルページには「Embed this price」があります。どちらも、すぐに貼り付けられるコードを提供しています。

スクリプトタグ

テーブルを表示したい場所にこれを貼り付けてください:

<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

一部のサイトではスクリプトタグが削除されます。その場合はiframeを使用してください。オプションは同じで、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 pxと51 px。モデルが2つの場合は178,、5つの場合は331、10つの場合は586が必要です。

表が示す内容

チャットモデル: 1百万入力トークンおよび 1百万出力トークンの価格。
画像、動画、音声モデル: 1単位あたりの価格。例えば、動画1秒または画像1枚。
リスト価格より低い: モデル提供元のリスト価格からどれだけ価格が低いかを示します。表内のどのモデルも当社の価格より高いリスト価格を持っていない場合、この列は省略されます。

これらは各モデルのページに表示されているものと同じ数値です。現在の最低販売価格です。最も安価な販売者が混雑している場合、リクエストの費用は高くなることがあります。Pricing]をご覧ください。

各モデル名はuberllm.dev上のそのモデルのページにリンクしており、表には小さな「Prices by UberLLM」リンクがあります。

この表は過去1時間の価格で構築され、その後、price API]から現在の価格を読み込みます。読み込みが失敗した場合、既存の価格を保持します。現在誰も提供していないモデルは除外され、成人向けコンテンツ用に作られたモデルも同様です。存在しないモデルIDはスキップされます。

価格バッジ

README用の、モデル名と価格が記載された小さな画像です。

[![Claude Sonnet 4.5 API price on UberLLM](https://api.uberllm.dev/api/v1/public/badge/anthropic/claude-sonnet-4.5.svg)](https://uberllm.dev/models/anthropic/claude-sonnet-4.5?utm_source=embed&utm_medium=referral&utm_campaign=price-badge)

アドレスにモデルIDをスラッシュを含めてそのまま入力し、.svgで終わらせてください。 Price 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と価格バッジ]には、すべてのパラメータとフィールドがリストされています。

プライバシーと速度

この表は1つの小さなファイルです。フォント、アナリティクス、その他のスクリプトは一切読み込みません。
クッキーを設定せず、あなたのページから何も読み取りません。あなたのページに送信するのは、自身の高さだけです。
表からのリンクにはutm_source=embedとあなたのサイト名が含まれるため、どのサイトが訪問者を送っているかを確認できます。
検索エンジンには、表自体をインデックスしないよう指示しているため、あなたのページと競合することはありません。

制限

価格APIは、1つのIPアドレスから1分あたり300リクエストまで可能です。テーブルは、開くときに最大4つの小さなリクエストを行い、画面に表示されている間は5分ごとに再度リクエストを行います。