Pour développeurs et webmasters · iframe ou script, sans clé API
Widget cours or & argent — prix des métaux précieux
Huit blocs à coller sur votre site : cours au comptant, cotation par carat, performances sur dix ans, calculateur de bijou. Tout est rendu par notre serveur — votre page ne charge ni police, ni script, ni traceur.
- 8formats
- 4métaux
- 4devises
- 15,6 Kole plus lourd
- 0cookie, 0 traceur
Sommaire de la page
01 · Personnaliser
Créer mon widget
Choisissez un format, réglez-le, copiez le code. Aucun compte, aucune clé, aucune limite d’affichage.
Ratio or / argent · Clair
Hauteur réservée : 310 px. Le chargeur facultatif l’ajuste au contenu réel.
Variante par script (hauteur ajustée automatiquement)
Le chargeur pose la même iframe puis suit sa hauteur par postMessage. Il ne lit rien de votre page et n’écrit aucun cookie.
02 · Choisir
Les huit formats
Chaque format est un document complet, autonome, servi en moins de dix kilo-octets. Le poids indiqué est celui du document réel, mesuré au chargement de cette page.
Carte de cours
Le cours d’un métal, sa variation du jour et l’horodatage.
2,1 Ko · 195 px de haut
Configurer ce formatBandeau
Une à quatre lignes compactes, pour un pied de page ou une barre de rubrique.
2,2 Ko · 210 px de haut
Configurer ce formatTableau des métaux
Or, argent, platine et palladium dans une unité commune.
2,4 Ko · 280 px de haut
Configurer ce formatCotation par carat
La valeur du gramme selon le titre : 24, 22, 18, 14 et 9 carats.
2,6 Ko · 480 px de haut
Configurer ce formatCalculateur bijoux
Poids et titre saisis, valeur du métal contenu et détail du calcul.
4,4 Ko · 490 px de haut
Configurer ce formatRatio or / argent
Le quotient des deux cours, à devise et unité identiques.
2,3 Ko · 310 px de haut
Configurer ce formatPerformances historiques
Un mois à dix ans, calculé sur notre série quotidienne.
2,9 Ko · 570 px de haut
Configurer ce formatGraphique historique
La courbe du cours sur un mois, un an, cinq ans ou dix ans.
15,6 Ko · 520 px de haut
Configurer ce formatLes quatre métaux précieux
Tous les formats acceptent les quatre métaux. L’historique remonte à septembre 2016 pour chacun d’eux.
03 · Intégrer
Installer le widget sur votre site
Trois étapes, aucune dépendance. Le widget est une page servie par notre serveur : votre site n’exécute rien de nous.
- Étape 1Copier le codeRéglez le widget dans le configurateur, puis copiez le bloc
<figure>. Il contient l’iframe et la mention d’origine. - Étape 2Coller en mode HTMLDans un bloc HTML de votre éditeur, jamais dans un bloc de texte enrichi : celui-ci échapperait les balises et afficherait le code tel quel.
- Étape 3Vérifier la hauteurLa hauteur est déjà réservée dans le code. Si votre gabarit est très étroit, préférez la variante par script, qui l’ajuste toute seule.
WordPress
Ajoutez un bloc HTML personnalisé et collez le code. Dans l’éditeur classique, passez par l’onglet Texte.
Si le code disparaît à l’enregistrement, votre compte n’a pas le droit unfiltered_html : WordPress le réserve aux administrateurs sur une installation simple, et aux super-administrateurs sur un réseau multisite. Demandez à un administrateur de coller le bloc, ou utilisez une extension de bloc HTML qui gère ce droit.
Shopify
Dans l’éditeur de thème, ajoutez une section Liquide personnalisé ou un bloc Code personnalisé, puis collez le code tel quel. Pour une page, l’éditeur riche propose Afficher le code HTML (icône </>).
Wix
Ajouter → Intégrer → Intégrer un code → Code HTML, puis « Code » et collez. Redimensionnez le cadre Wix à la hauteur indiquée : Wix ne l’ajuste pas au contenu, même avec la variante par script.
Webflow
Glissez un composant Embed à l’endroit voulu et collez le code. L’aperçu du canevas ne charge pas les iframes : vérifiez sur la page publiée.
HTML, Squarespace et autres CMS
Collez le bloc à l’endroit voulu dans votre gabarit. Le code n’a besoin de rien d’autre : ni feuille de style, ni bibliothèque, ni balise dans le <head>.
Chargeur facultatif et postMessage
Le widget publie sa hauteur réelle à sa fenêtre parente sous la forme { gmw2: 1, h: <entier> }. Le chargeur que nous fournissons s’y abonne et redimensionne l’iframe. Vous pouvez écrire le vôtre : vérifiez que event.source est bien la fenêtre de votre iframe avant d’appliquer la valeur.
Données et méthode
Ce que ces chiffres sont, d’où ils viennent, et ce qu’ils ne disent pas.
Ce que le widget n’affiche pas. Un cours de marché n’est pas un prix d’achat : notre offre de rachat en agence tient compte de l’affinage, du titre réel et des frais, et s’en écarte.
Questions fréquentes
Le widget est-il gratuit ?
Oui, sans compte, sans clé API et sans limite d’affichage. La seule contrepartie est la mention d’origine, incluse dans le code que vous copiez.
Ralentit-il mon site ?
Le widget est une page indépendante chargée en différé par votre navigateur : elle ne bloque jamais l’affichage de la vôtre. Le plus lourd des huit formats pèse moins de dix kilo-octets, tout compris — aucune police, aucune image, aucune bibliothèque.
Pose-t-il un cookie ou un traceur ?
Non. Aucun cookie, aucun stockage local, aucune mesure d’audience. Vous n’avez donc rien à ajouter à votre bandeau de consentement pour l’afficher.
À quelle fréquence les cours sont-ils mis à jour ?
Toutes les cinq minutes. Chaque widget affiche l’horodatage de la cotation qu’il montre ; si la donnée a pris du retard, il l’indique par la mention « donnée différée » plutôt que de la faire passer pour fraîche.
D’où viennent les prix ?
De GoldAPI, pour la cotation au comptant des quatre métaux. Les prix par carat sont calculés depuis le gramme d’or fin en appliquant le titre de l’alliage : 750 ‰ pour le 18 carats, 375 ‰ pour le 9 carats.
Puis-je changer les couleurs ?
Trois thèmes sont proposés : clair, sombre et crème. Leurs contrastes sont vérifiés pour rester lisibles ; nous ne proposons pas de couleur libre, parce qu’un widget illisible sur votre fond nous coûte plus qu’il ne vous sert.
Que se passe-t-il si vous changez de domaine ?
Rien pour vous : l’URL d’intégration est construite sur notre adresse canonique et une bascule serait redirigée. Vous n’avez pas à modifier le code déjà posé.
Le cours de l’or sur la longue période
Moyennes mensuelles, de janvier 1833 à septembre 2026 en dollar, et de janvier 1999 en euro, monnaie qui n’existe pas avant. Ces séries ne donnent pas le cours du jour, affiché en haut de page : elles servent à situer le niveau actuel dans l’histoire du métal.
| Période | En euro | En dollar |
|---|---|---|
| Dix ans | +224 % | +233 % |
| Vingt ans | +714 % | +638 % |
| Trente ans | — | +1 053 % |
| Cinquante ans | — | +3 769 % |
| Depuis l’origine de la série | +1 448 % (depuis janvier 1999) | +23 228 % (depuis janvier 1833) |
Une série annuelle plus ancienne encore existe pour l’or, de 1258 à 2026 : 769 moyennes annuelles, libellées en livres sterling jusqu’en 1791, puis en dollar. Elle n’est pas tracée ici : un prix en livres de 1258 et un prix en dollars de 2026 ne se comparent pas sur un même axe.
Sources. Moyennes mensuelles : World Gold Council et Bundesbank pour l’or ancien, Banque mondiale (Pink Sheet) pour l’argent et le platine, clôtures du contrat à terme COMEX pour la période récente. Conversion en euro au taux de référence de la Banque centrale européenne. Ces moyennes ne sont pas les fixings officiels de Londres : elles en sont très proches, mais ne constituent pas une référence contractuelle.
Une question sur l’intégration ?
Nos développeurs répondent aux questions techniques, et nos experts aux questions de marché.
Les cours affichés sont des cotations de marché indicatives, fournies à titre d’information. Ils ne constituent ni une offre d’achat, ni un conseil en investissement. Le cours des métaux précieux est volatil : leur valeur peut baisser comme monter, et les performances passées ne préjugent pas des performances futures.