웹사이트에 실시간 가격 삽입하기

블로그, 문서 또는 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을 사용하세요. 옵션은 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은 자체 높이를 변경할 수 없으므로 직접 설정해야 합니다: 각 모델당 51 px를 더한 76 px입니다. 모델 두 개는 178,, 다섯 개는 331, 열 개는 586가 필요합니다.

표가 보여주는 것

챗 모델: 1백만 입력 토큰 및 1백만 출력 토큰에 대한 가격입니다.
이미지, 비디오 및 오디오 모델: 단위당 가격입니다. 예를 들어, 비디오 1초 또는 이미지 1장입니다.
정가 대비 할인: 모델 제작사의 정가보다 얼마나 낮은 가격인지 나타냅니다. 표에 있는 어떤 모델도 당사 가격보다 정가가 높지 않은 경우 이 열은 생략됩니다.

이 가격은 각 모델 페이지에 있는 것과 동일합니다: 현재 가장 낮은 판매자 가격입니다. 가장 저렴한 판매자들이 바쁠 때는 요청 비용이 더 많이 들 수 있습니다. Pricing에서 확인하세요.

각 모델 이름은 uberllm.dev의 해당 페이지로 연결되며, 표에는 작은 "Prices by UberLLM" 링크가 있습니다.

이 표는 지난 한 시간 동안의 가격으로 구성되며 이후 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으로 끝내세요. 가격 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 및 가격 배지는 모든 매개변수와 필드를 나열합니다.

개인 정보 보호 및 속도

테이블은 하나의 작은 파일입니다. 글꼴, 분석 스크립트 및 다른 스크립트를 로드하지 않습니다.
쿠키를 설정하지 않으며 귀하의 페이지에서 아무것도 읽지 않습니다. 귀하의 페이지로 전송하는 유일한 정보는 자체 높이입니다.
테이블의 링크는 utm_source=embed과 귀하의 사이트 이름을 포함하므로 어떤 사이트가 방문자를 보내는지 확인할 수 있습니다.
검색 엔진에는 테이블 자체를 색인하지 않도록 지시되어 귀하의 페이지와 경쟁하지 않습니다.

제한

가격 API는 하나의 IP 주소에서 분당 300회 요청을 허용합니다. 테이블은 열릴 때 최대 4개의 작은 요청을 하며, 화면에 표시되는 동안 5분마다 다시 요청합니다.