Incorpora prezzi in tempo reale sul tuo sito
Puoi mostrare i prezzi attuali di UberLLM sul tuo blog, nella tua documentazione o nel tuo README. I prezzi si aggiornano automaticamente e non hai bisogno di alcuna API key né di un account. Ci sono quattro modi:
| Cosa vuoi | Usa |
|---|---|
| Una tabella prezzi su una pagina web | Lo script tag |
| La stessa tabella dove gli script non sono permessi | Un semplice iframe |
| Un badge prezzo in un README | Il badge prezzo |
| I numeri, per costruire la tua tabella | L'API prezzi JSON |
Le pagine dei prezzi su uberllm.dev hanno un link Incorpora una tabella prezzi in tempo reale, e ogni pagina del modello ha Incorpora questo prezzo. Entrambi ti danno questo codice pronto da incollare.
Il tag script
Incolla questo dove dovrebbe apparire la tabella:
<script async src="https://uberllm.dev/embed.js"
data-models="anthropic/claude-sonnet-4.5,openai/gpt-5.5,deepseek/deepseek-v4-flash"></script>
Lo script posiziona la tabella subito dopo di sé e mantiene la sua altezza uguale a quella della tabella, così non ci sono spazi vuoti e nessuna barra di scorrimento.
Senza opzioni ottieni i 10 modelli di chat in cima alla classifica di uberllm.dev:
<script async src="https://uberllm.dev/embed.js"></script>
Opzioni
Tutte le opzioni sono facoltative.
| Attributo | Cosa fa |
|---|---|
data-models |
I modelli da mostrare, come ID separati da virgole, nell'ordine desiderato. Un ID è ciò che invii come model in una richiesta, per esempio openai/gpt-5.5. |
data-type |
Mostra modelli text, image, video o audio. Senza data-models e senza questa opzione, la tabella mostra modelli di chat (text). |
data-limit |
Quanti modelli mostrare quando non li nomini. Da 1 a 50. Il valore predefinito è 10. |
data-theme |
light, dark o auto. auto è il valore predefinito e segue l'impostazione di sistema del lettore. Imposta light o dark per abbinarlo alla tua pagina. |
data-lang |
La lingua dei nomi delle colonne: en, fr, es, de, pt, it, nl, zh, vi, ja, ko o id. auto usa la lingua del browser del lettore. Il valore predefinito è en. |
data-max-width |
La larghezza massima della tabella, per esempio 600px o 100%. Il valore predefinito è 720px. |
data-title |
Il nome che gli screen reader annunciano per la tabella. |
Una tabella video in una pagina scura:
<script async src="https://uberllm.dev/embed.js"
data-type="video" data-limit="5" data-theme="dark"></script>
Un semplice iframe
Alcuni siti rimuovono i tag script. Usa un iframe lì. Le opzioni sono le stesse,
scritte nell'indirizzo senza 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>
Un iframe non può cambiare la propria altezza, quindi impostala tu stesso: 76 px più 51 px per ogni modello. Due modelli richiedono 178,, cinque richiedono 331 e dieci richiedono 586.
Cosa mostra la tabella
- Modelli di chat: il prezzo per 1 milioni di token di input e 1 milioni di token di output.
- Modelli di immagini, video e audio: il prezzo per unità, ad esempio un secondo di video o un'immagine.
- Sotto il prezzo di listino: quanto il prezzo è inferiore al prezzo di listino del creatore del modello. La colonna viene omessa quando nessun modello nella tabella ha un prezzo di listino superiore al nostro.
Questi sono gli stessi numeri che trovi sulla pagina di ogni modello: il prezzo più basso del venditore in questo momento. Una richiesta può costare di più quando i venditori più economici sono occupati. Vedi Prezzi.
Ogni nome di modello rimanda alla sua pagina su uberllm.dev, e la tabella ha un piccolo link "Prezzi di UberLLM".
La tabella è costruita con i prezzi dell'ultima ora e poi legge quelli attuali dall'API dei prezzi. Se la lettura fallisce, mantiene i prezzi che ha. Un modello che nessuno serve al momento viene omesso, così come i modelli creati per contenuti per adulti. Un ID modello che non esiste viene saltato.
Il badge del prezzo
Una piccola immagine con il nome di un modello e il suo prezzo ora, per un README:
[](https://uberllm.dev/models/anthropic/claude-sonnet-4.5?utm_source=embed&utm_medium=referral&utm_campaign=price-badge)
Inserisci l'ID del modello nell'indirizzo così com'è, incluse le barre, e termina con .svg.
API dei prezzi e badge del prezzo ha il modulo HTML e le altre opzioni.
L'API dei prezzi JSON
Per disegnare la tua tabella, leggi i prezzi come JSON. Qualsiasi pagina web può chiamarla dal browser:
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 dei prezzi e badge dei prezzi elenca ogni parametro e campo.
Privacy e velocità
- La tabella è un file piccolo. Non carica font, nessun dato analitico e nessun altro script.
- Non imposta cookie e non legge nulla dalla tua pagina. L'unica cosa che invia alla tua pagina è la sua altezza.
- I link dalla tabella contengono
utm_source=embede il nome del tuo sito, così possiamo vedere quali siti inviano visitatori. - Ai motori di ricerca viene detto di non indicizzare la tabella stessa, così non compete con la tua pagina.
Limiti
L'API dei prezzi consente 300 richieste al minuto da un singolo indirizzo IP. Una tabella effettua fino a quattro piccole richieste quando si apre, e di nuovo ogni 5 minuti mentre è visualizzata.