Widget USD à CAD gratuit
Affichez le taux de change USD/CAD en direct, source Banque du Canada, directement sur votre site. Une seule ligne de code, pas de clé API, pas d'inscription, pas de limite d'usage. Gratuit pour usage personnel et commercial.
Installation rapide
Copiez-collez ce code à l'endroit où vous voulez que le widget apparaisse :
Aperçu — trois styles
Choisissez celui qui correspond à votre mise en page. Le style se règle avec un seul attribut data-style.
Options
| Attribut | Valeurs | Défaut | Effet |
|---|---|---|---|
data-style | default / compact / dark | default | Variante visuelle |
data-amount | N'importe quel nombre positif | 100 | Montant pré-rempli en USD |
Comment ça marche
- Données en direct : le taux provient directement de l'API Valet de la Banque du Canada, publiée chaque jour ouvrable vers 16h30 (heure de l'Est).
- Solution de repli : si la Banque du Canada n'est pas joignable, le widget bascule sur Frankfurter (basé sur la BCE).
- Styles isolés : le widget utilise un Shadow DOM, donc le CSS de votre site ne peut pas entrer en conflit avec celui du widget.
- Léger : un seul fichier JS (moins de 5 Ko gzip), pas de jQuery, pas de React, pas de tracker.
- Vie privée : aucun cookie, aucun analytics, aucun appel tiers autre que l'API de taux.
Plusieurs widgets sur la même page
Placez autant de <div class="usd2cad-widget"> que vous voulez — ils partagent tous le même appel de taux.
Besoin de CAD vers USD ?
Utilisez le widget équivalent sur cad2usd.ca/fr/embed/ — même méthode d'installation, par défaut CAD→USD.
Licence
Gratuit à intégrer sur tout site, personnel ou commercial, avec attribution. Le lien « Powered by USD2CAD.ca » dans le widget doit rester visible. Des versions personnalisées sans marque sont disponibles — contactez-nous.
FAQ
Le widget fonctionne-t-il sans JavaScript ?
Non — le widget a besoin de JavaScript pour récupérer le taux en direct. Nous recommandons d'ajouter un taux statique de repli dans une balise <noscript> si le SEO de la page hôte compte.
Va-t-il ralentir mon site ?
Non. Le script est chargé en async, s'exécute en moins de 50 ms, et l'appel API se fait après que la page soit interactive.
Puis-je changer les couleurs ?
Le widget utilise Shadow DOM donc le CSS externe ne peut pas l'écraser. Pour du style personnalisé, contactez-nous — nous maintenons une version payante qui expose des variables CSS.
Quel est le délai de mise à jour du taux ?
Il correspond à la dernière publication ouvrable de la Banque du Canada, rafraîchie toutes les 30 minutes côté serveur.
Fonctionne-t-il sur les pages AMP ?
Pas directement — AMP interdit les scripts arbitraires. Pour AMP, utilisez un <amp-iframe> pointant vers /embed/iframe.html (à venir).