Nhúng giá trực tiếp lên trang web của bạn

Bạn có thể hiển thị giá hiện tại của UberLLM trên blog, tài liệu hoặc README của mình. Giá tự động cập nhật, và bạn không cần API key hay tài khoản. Có bốn cách:

Bạn muốn	Sử dụng
Một bảng giá trên trang web	Thẻ script
Bảng tương tự nơi không cho phép script	Một iframe đơn giản
Một huy hiệu giá trong README	Huy hiệu giá
Các con số, để tự xây dựng bảng của bạn	API giá JSON

Các trang giá trên uberllm.dev có liên kết Nhúng bảng giá trực tiếp, và mỗi trang mô hình có Nhúng giá này. Cả hai đều cung cấp cho bạn mã này sẵn sàng để dán.

Thẻ script

Dán đoạn mã này vào nơi bạn muốn bảng xuất hiện:

<script async src="https://uberllm.dev/embed.js"
        data-models="anthropic/claude-sonnet-4.5,openai/gpt-5.5,deepseek/deepseek-v4-flash"></script>

Script sẽ đặt bảng ngay sau nó và giữ chiều cao của bảng bằng với chiều cao của chính nó, nhờ đó không có khoảng trống thừa và không có thanh cuộn.

Nếu không có tùy chọn nào, bạn sẽ nhận được 10 mô hình trò chuyện hàng đầu trên bảng xếp hạng uberllm.dev:

<script async src="https://uberllm.dev/embed.js"></script>

Tùy chọn

Tất cả các tùy chọn đều không bắt buộc.

Thuộc tính	Chức năng
`data-models`	Các mô hình cần hiển thị, dưới dạng ID được phân tách bằng dấu phẩy, theo thứ tự bạn muốn. ID là những gì bạn gửi dưới dạng `model` trong một yêu cầu, ví dụ `openai/gpt-5.5`.
`data-type`	Hiển thị các mô hình `text`, `image`, `video` hoặc `audio`. Nếu không có `data-models` và không có tùy chọn này, bảng sẽ hiển thị các mô hình trò chuyện (`text`).
`data-limit`	Số lượng mô hình hiển thị khi bạn không chỉ định tên. Từ 1 đến 50. Mặc định là 10.
`data-theme`	`light`, `dark` hoặc `auto`. `auto` là mặc định và tuân theo cài đặt hệ thống của người đọc. Đặt `light` hoặc `dark` để phù hợp với trang của bạn.
`data-lang`	Ngôn ngữ của tên cột: `en`, `fr`, `es`, `de`, `pt`, `it`, `nl`, `zh`, `vi`, `ja`, `ko` hoặc `id`. `auto` sử dụng ngôn ngữ trình duyệt của người đọc. Mặc định là `en`.
`data-max-width`	Chiều rộng tối đa của bảng, ví dụ `600px` hoặc `100%`. Mặc định là `720px`.
`data-title`	Tên mà trình đọc màn hình sẽ thông báo cho bảng.

Một bảng video trên trang nền tối:

<script async src="https://uberllm.dev/embed.js"
        data-type="video" data-limit="5" data-theme="dark"></script>

Một iframe đơn giản

Một số trang web loại bỏ thẻ script. Hãy sử dụng một iframe ở đó. Các tùy chọn tương tự, được viết trong địa chỉ mà không có 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>

Một iframe không thể tự thay đổi chiều cao của nó, vì vậy hãy tự đặt: 76 px cộng 51 px cho mỗi mô hình. Hai mô hình cần 178, năm mô hình cần 331 và mười mô hình cần 586.

Bảng này cho thấy gì

Mô hình trò chuyện: giá cho 1 triệu token đầu vào và 1 triệu token đầu ra.
Mô hình hình ảnh, video và âm thanh: giá cho một đơn vị, ví dụ một giây video hoặc một hình ảnh.
Dưới giá niêm yết: mức giá thấp hơn bao nhiêu so với giá niêm yết của nhà sản xuất mô hình. Cột này được bỏ qua khi không có mô hình nào trong bảng có giá niêm yết cao hơn của chúng tôi.

Đây là những con số giống như trên trang của từng mô hình: giá người bán thấp nhất hiện tại. Một yêu cầu có thể tốn kém hơn khi những người bán rẻ nhất đang bận. Xem Giá cả.

Mỗi tên mô hình liên kết đến trang của nó trên uberllm.dev, và bảng có một liên kết nhỏ "Giá bởi UberLLM".

Bảng được xây dựng với giá của giờ trước và sau đó đọc giá hiện tại từ API giá. Nếu việc đọc đó thất bại, nó sẽ giữ lại các mức giá hiện có. Một mô hình mà không ai phục vụ vào lúc này sẽ bị bỏ qua, và cả những mô hình được tạo cho nội dung người lớn cũng vậy. Một ID mô hình không tồn tại sẽ bị bỏ qua.

Biểu tượng giá

Một hình ảnh nhỏ với tên của một mô hình và giá hiện tại của nó, dành cho 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)

Đặt ID mô hình vào địa chỉ nguyên trạng, bao gồm cả dấu gạch chéo, và kết thúc bằng .svg. API giá và biểu tượng giá] có biểu mẫu HTML và các tùy chọn khác.

API giá JSON

Để tự vẽ bảng của riêng bạn, hãy đọc giá dưới dạng JSON. Bất kỳ trang web nào cũng có thể gọi nó từ trình duyệt:

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 giá và thẻ giá liệt kê mọi tham số và trường.

Quyền riêng tư và tốc độ

Bảng là một tệp nhỏ. Nó không tải phông chữ, không phân tích và không có tập lệnh nào khác.
Nó không đặt cookie và không đọc bất cứ điều gì từ trang của bạn. Điều duy nhất nó gửi đến trang của bạn là chiều cao của chính nó.
Các liên kết từ bảng mang theo utm_source=embed và tên trang web của bạn, để chúng tôi có thể biết trang web nào gửi khách truy cập.
Các công cụ tìm kiếm được yêu cầu không lập chỉ mục bảng, để nó không cạnh tranh với trang của bạn.

Giới hạn

API giá cho phép 300 yêu cầu mỗi phút từ một địa chỉ IP. Một bảng thực hiện tối đa bốn yêu cầu nhỏ khi nó mở, và lại mỗi 5 phút khi nó đang hiển thị trên màn hình.