Afficher les cotations GOLDMARKET sur votre site

Ce détail décide de tout : un lien enfermé dans une iframe appartient au document de l’iframe, pas à votre page. Le nôtre est du HTML ordinaire, dans votre page, que vous voyez et que vous maîtrisez. Voici à quoi il ressemble une fois posé :

Cours de l’or — GOLDMARKET

Nous proposons plusieurs libellés, et le réglage « formulation du lien » vous laisse en choisir un. Vous pouvez aussi rédiger le vôtre : nous vous demandons seulement qu’il mentionne GOLDMARKET et qu’il décrive honnêtement ce que le lien pointe. Nous préférons dix formulations différentes à une seule répétée partout.

• Cours de l’or — GOLDMARKET
• Cotations GOLDMARKET
• Données GOLDMARKET
• Prime des pièces d’or — GOLDMARKET
• Cotation par carat — GOLDMARKET
• Données de marché GOLDMARKET
• Source : GOLDMARKET
• Cotations quotidiennes GOLDMARKET

Nos codes ne posent aucun attribut rel : c’est un lien éditorial ordinaire, qui cite la source d’une donnée affichée. Si vous ouvrez le lien dans un nouvel onglet, ajoutez rel="noopener", qui relève de la sécurité et de rien d’autre. Et si la politique de votre site impose un rel="nofollow" sur tout lien sortant, posez-le : nous préférons une intégration honnête à un lien arraché.

Le lien pointe vers la page des cours lorsque le widget est en euros, et vers la page de la devise choisie lorsqu’il ne l’est pas.

1. Choisissez le bloc qui complète réellement votre page. Un widget posé sans rapport avec le texte qui l’entoure n’apporte rien à vos lecteurs, et pas davantage à nous.
2. Copiez le code, iframe et paragraphe d’attribution compris. Les deux vont ensemble.
3. Collez-le dans votre page, en mode HTML. Sous WordPress, utilisez un bloc « HTML personnalisé » ; l’éditeur classique demande l’onglet « Texte ».
4. Enregistrez, puis vérifiez que le cadre affiche des chiffres et que le lien situé juste en dessous est bien visible et cliquable.

Le widget fonctionne indifféremment sur un site en http:// et sur un site en https:// : nous servons toujours en HTTPS, ce qu’aucun navigateur ne bloque dans ce sens.

Les deux placent le lien d’attribution en HTML statique, dans votre page. Ils ne diffèrent que par la façon dont le cadre est posé ; le réglage « format » de l’atelier bascule de l’un à l’autre.

Iframe, recommandé. Une balise, un paragraphe, rien d’autre. Aucun JavaScript n’est exécuté chez vous : un défaut de notre côté ne peut ni ralentir votre page, ni la casser. C’est aussi le seul format accepté par les hébergements mutualisés et les forums, qui refusent souvent les scripts tiers.

Script, largeur fluide et hauteur automatique. Un script de moins d’un kilo-octet pose l’iframe pour vous, lui donne la largeur de son conteneur, puis ajuste sa hauteur à celle que le document mesure réellement : ni troncature, ni blanc au-dessous. Il reste chargé en async et l’iframe qu’il pose est différée. Le lien d’attribution, lui, est écrit en dur : il ne dépend pas de l’exécution du script.

<div style="max-width:320px">
  <script async src="https://www.goldmarket.fr/widget/embed/"
          data-src="https://www.goldmarket.fr/widget/cours-or/"
          data-width="100%" data-height="161"
          data-title="Cours de l’or du jour — GOLDMARKET"></script>
  <p style="font-size:13px"><a href="https://www.goldmarket.fr/cours-or/">Cours de l’or — GOLDMARKET</a></p>
</div>

Nos codes portent toujours un width et un height explicites. C’est ce qui permet au navigateur de réserver la place du cadre avant même de l’avoir chargé, et donc d’éviter que votre contenu ne saute au moment où le widget apparaît. Ce saut est mesuré par les indicateurs de performance de Google, et il vous est imputé, pas à nous. Les hauteurs ci-dessous sont déduites du contenu réellement servi, pas d’un gabarit fixe.

La largeur peut être remplacée par width="100%" sans dommage : la mise en page interne s’adapte. La hauteur, en revanche, doit rester chiffrée, sauf à utiliser le format script, qui reçoit du document sa hauteur mesurée et redimensionne le cadre en conséquence.

Deux thèmes, choisis explicitement. Le thème clair est servi par défaut ; le thème sombre s’obtient par le réglage « thème » de l’atelier, ou en ajoutant ?th=sombre à l’adresse du widget. Nous n’avons pas retenu de bascule automatique sur la préférence système : un cadre sombre au milieu d’une page claire passe rarement bien, et le choix appartient à celui qui connaît sa maquette.

Les deux thèmes emploient les couleurs de la maison : la hausse en vert, la baisse en rouge, le signe toujours placé avant le nombre. Le thème sombre en retient des variantes plus claires, seules capables de tenir le contraste requis sur fond encre.

Le cadre est un document HTML ordinaire, pas une image ni un canevas. Ce qu’il affiche est donc lu par les technologies d’assistance.

• Chaque iframe porte un attribut title décrivant son contenu. Conservez-le : c’est le nom que les lecteurs d’écran annoncent.
• Le contenu est structuré en groupe nommé, avec un aria-label reprenant l’intitulé et la date de la cotation.
• Les couleurs des deux thèmes respectent un contraste d’au moins 4,5:1 sur le texte courant. La hausse et la baisse ne sont jamais signalées par la seule couleur : le signe précède toujours le nombre.
• Les chiffres emploient des chasses tabulaires et le format français, avec espace fine insécable pour les milliers.
• Le lien intérieur reçoit un contour visible au clavier ; le lien d’attribution, situé dans votre page, hérite de vos propres styles de focus.

Les cotations sont fournies à titre informatif. Ce n’est pas un outil de décision financière.

Le paramètre de devise accepte 43 monnaies pour lesquelles nous publions une page de cours, l’euro compris.

• Dollar américain — USD
• Livre sterling — GBP
• Franc suisse — CHF
• Dollar canadien — CAD
• Yen japonais — JPY
• Yuan renminbi — CNY
• Dollar australien — AUD
• Roupie indienne — INR
• Dirham marocain — MAD
• Dinar algérien — DZD
• Dinar tunisien — TND
• Franc CFA — XOF
• Couronne suédoise — SEK
• Couronne norvégienne — NOK
• Couronne danoise — DKK
• Zloty polonais — PLN
• Couronne tchèque — CZK
• Real brésilien — BRL
• Peso mexicain — MXN
• Won sud-coréen — KRW
• Dirham des Émirats arabes unis — AED
• Riyal saoudien — SAR
• Riyal qatari — QAR
• Shekel israélien — ILS
• Livre turque — TRY
• Livre égyptienne — EGP
• Rand sud-africain — ZAR
• Franc CFA d’Afrique centrale — XAF
• Dollar de Hong Kong — HKD
• Dollar de Singapour — SGD
• Nouveau dollar taïwanais — TWD
• Baht thaïlandais — THB
• Ringgit malaisien — MYR
• Roupie indonésienne — IDR
• Peso philippin — PHP
• Dollar néo-zélandais — NZD
• Franc Pacifique — XPF
• Forint hongrois — HUF
• Leu roumain — RON
• Couronne islandaise — ISK
• Dinar koweïtien — KWD
• Livre libanaise — LBP
• Roupie mauricienne — MUR

La cotation par carat suit les usages locaux de 23 places : le titre légal et les titres réellement pratiqués n’y sont pas les mêmes qu’en France, et un tableau qui l’ignore induit le lecteur en erreur.

• Maroc — MAD
• Algérie — DZD
• Tunisie — TND
• Émirats arabes unis — AED
• Arabie saoudite — SAR
• Qatar — QAR
• Koweït — KWD
• Égypte — EGP
• Liban — LBP
• Israël — ILS
• Inde — INR
• Maurice — MUR
• Turquie — TRY
• Afrique de l’Ouest — XOF
• Afrique centrale (CEMAC) — XAF
• Indonésie — IDR
• Malaisie — MYR
• Singapour — SGD
• Thaïlande — THB
• Philippines — PHP
• Chine — CNY
• Hong Kong — HKD
• Taïwan — TWD

Le widget des primes s’appuie sur la cotation quotidienne des pièces et lingots relevée sur le marché français. C’est une donnée de négociant, que les agrégateurs internationaux ne possèdent pas : c’est aussi pour cela que nous la publions.

Un widget tiers se juge à ce qu’il coûte à la page qui l’accueille. Le poids indiqué dans chaque fiche de l’atelier est mesuré sur le document réellement servi : le plus lourd de nos blocs pèse 5 Ko.

• L’attribut loading="lazy" est présent dans tous nos codes. Il indique au navigateur de ne charger le cadre que lorsqu’il approche de l’écran. Ne le retirez pas.
• Le document est intégralement rendu par notre serveur, en HTML et CSS en ligne, sans police distante, sans image, sans bibliothèque. Il n’émet aucune requête supplémentaire et ne dépose aucun cookie.
• Il est mis en cache pour 5 minutes côté navigateur et côté intermédiaires, avec une validation par ETag : un lecteur qui revient ne retélécharge rien.

Plusieurs widgets sur une même page. Rien ne l’interdit, et chaque cadre reste indépendant. Au-delà de trois, préférez le bandeau horizontal ou un seul bloc plus complet.

1. Gratuité. L’usage des widgets est gratuit, sans inscription, sans clé et sans limite de trafic raisonnable. Nous n’insérons aucune publicité et ne déposons aucun cookie dans le cadre.
2. Attribution. Nous vous demandons de conserver, dans votre page et hors du cadre, le lien vers GOLDMARKET fourni avec le code. Vous en choisissez la formulation et l’emplacement, à condition qu’il demeure visible et cliquable à proximité du widget.
3. Intégrité du contenu. Le cadre ne doit être ni modifié, ni recadré, ni masqué de façon à retirer la mention de source qu’il porte en pied.
4. Absence de garantie. Les données sont fournies en l’état, sans garantie d’exactitude, d’exhaustivité ni de disponibilité. Nous ne saurions être tenus responsables d’une décision prise sur leur seul fondement.
5. Mesure d’audience. Nous comptons les affichages par domaine intégrateur. Cette mesure est agrégée et ne conserve aucune donnée personnelle : ni adresse, ni identifiant, ni adresse de page complète.
6. Droit de retrait. Nous pouvons faire évoluer, suspendre ou interrompre un widget, et cesser de le servir à un site qui contreviendrait à ces conditions. Nous préviendrons par écrit chaque fois que le contact sera possible.
7. Marque blanche. Un usage sans attribution est envisageable dans un cadre contractuel. Écrivez-nous.