Intégrer les prix actualisés sur votre site
Vous pouvez afficher les prix actuels d'UberLLM sur votre blog, vos documents ou votre README. Les prix se mettent à jour automatiquement, et vous n'avez besoin d'aucune clé API ni d'aucun compte. Il y a quatre façons :
| Vous voulez | Utilisez |
|---|---|
| Un tableau de prix sur une page web | La balise script |
| Le même tableau là où les scripts ne sont pas autorisés | Un simple iframe |
| Un badge de prix dans un README | Le badge de prix |
| Les chiffres, pour construire votre propre tableau | L'API de prix JSON |
Les pages de tarification sur uberllm.dev comportent un lien Intégrer un tableau de prix en direct, et chaque page de modèle a Intégrer ce prix. Les deux vous donnent ce code prêt à être collé.
La balise script
Collez ceci là où le tableau doit apparaître :
<script async src="https://uberllm.dev/embed.js"
data-models="anthropic/claude-sonnet-4.5,openai/gpt-5.5,deepseek/deepseek-v4-flash"></script>
Le script place le tableau juste après lui-même et maintient sa hauteur égale à celle du tableau, de sorte qu'il n'y a pas d'espace vide et pas de barre de défilement.
Sans aucune option, vous obtenez les 10 modèles de chat en haut du classement uberllm.dev :
<script async src="https://uberllm.dev/embed.js"></script>
Options
Toutes les options sont facultatives.
| Attribut | Ce qu'il fait |
|---|---|
data-models |
Les modèles à afficher, sous forme d'ids séparés par des virgules, dans l'ordre que vous souhaitez. Un id est ce que vous envoyez comme model dans une requête, par exemple openai/gpt-5.5. |
data-type |
Affiche les modèles text, image, video ou audio. Sans data-models et sans cet attribut, le tableau affiche les modèles de chat (text). |
data-limit |
Combien de modèles afficher lorsque vous ne les nommez pas. De 1 à 50. La valeur par défaut est 10. |
data-theme |
light, dark ou auto. auto est la valeur par défaut et suit le réglage système du lecteur. Définissez light ou dark pour correspondre à votre page. |
data-lang |
La langue des noms de colonnes : en, fr, es, de, pt, it, nl, zh, vi, ja, ko ou id. auto utilise la langue du navigateur du lecteur. La valeur par défaut est en. |
data-max-width |
La largeur maximale du tableau, par exemple 600px ou 100%. La valeur par défaut est 720px. |
data-title |
Le nom que les lecteurs d'écran annoncent pour le tableau. |
Un tableau vidéo sur une page sombre :
<script async src="https://uberllm.dev/embed.js"
data-type="video" data-limit="5" data-theme="dark"></script>
Un iframe simple
Certains sites suppriment les balises script. Utilisez un iframe dans ce cas. Les options sont les mêmes,
écrites dans l'adresse sans 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 ne peut pas modifier sa propre hauteur, alors définissez-la vous-même : 76 px plus 51 px pour chaque modèle. Deux modèles nécessitent 178,, cinq nécessitent 331 et dix nécessitent 586.
Ce que le tableau montre
- Modèles de chat : le prix pour 1 millions de tokens d'entrée et 1 millions de tokens de sortie.
- Modèles d'image, de vidéo et d'audio : le prix pour une unité, par exemple une seconde de vidéo ou une image.
- Sous le prix catalogue : de combien le prix est inférieur au prix catalogue du créateur du modèle. La colonne est omise lorsqu'aucun modèle du tableau n'a un prix catalogue supérieur au nôtre.
Ce sont les mêmes chiffres que sur la page de chaque modèle : le prix le plus bas du vendeur en ce moment. Une requête peut coûter plus cher lorsque les vendeurs les moins chers sont occupés. Voir Tarification.
Chaque nom de modèle renvoie à sa page sur uberllm.dev, et le tableau contient un petit lien "Prix par UberLLM".
Le tableau est construit avec les prix de la dernière heure, puis lit les prix actuels depuis l'API de prix. Si cette lecture échoue, il conserve les prix qu'il a. Un modèle que personne ne sert actuellement est omis, de même que les modèles conçus pour le contenu adulte. Un ID de modèle qui n'existe pas est ignoré.
Le badge de prix
Une petite image avec le nom d'un modèle et son prix actuel, pour un README :
[](https://uberllm.dev/models/anthropic/claude-sonnet-4.5?utm_source=embed&utm_medium=referral&utm_campaign=price-badge)
Mettez l'ID du modèle dans l'adresse tel quel, y compris les barres obliques, et terminez-le par .svg.
API de prix et badge de prix] propose le formulaire HTML et les autres options.
L'API de prix JSON
Pour créer votre propre tableau, lisez les prix au format JSON. Toute page web peut l'appeler depuis le navigateur :
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 de prix et badge de prix liste tous les paramètres et champs.
Confidentialité et vitesse
- Le tableau est un petit fichier. Il ne charge aucune police, aucun analytics et aucun autre script.
- Il ne définit aucun cookie et ne lit rien de votre page. La seule chose qu'il envoie à votre page est sa propre hauteur.
- Les liens du tableau contiennent
utm_source=embedet le nom de votre site, afin que nous puissions voir quels sites envoient des visiteurs. - Les moteurs de recherche sont informés de ne pas indexer le tableau lui-même, afin qu'il ne concurrence pas votre page.
Limites
L'API de prix permet 300 requêtes par minute depuis une adresse IP. Un tableau effectue jusqu'à quatre petites requêtes lorsqu'il s'ouvre, et de nouveau toutes les 5 minutes tant qu'il est affiché à l'écran.