Intégrer des cours boursiers dans un site : Différence entre versions
De Vulgum Techus
(→Modifications possibles du code) |
|||
| Ligne 18 : | Ligne 18 : | ||
<br/> | <br/> | ||
= Mots clé = | = Mots clé = | ||
| − | * Intégrer des cours | + | * Intégrer des cours de bourse dans '''[[MediaWiki]]''' |
* Intégrer des cours boursiers dans '''[[Joomla]]''' | * Intégrer des cours boursiers dans '''[[Joomla]]''' | ||
* Intégrer des cours boursiers dans un '''[[CMS]]''' | * Intégrer des cours boursiers dans un '''[[CMS]]''' | ||
| + | * Embedding Stock prices and charts in '''[[blogs]]''' and '''[[websites]]''' | ||
= Présentation = | = Présentation = | ||
| Ligne 90 : | Ligne 91 : | ||
* Pour changer l'action sans passer par le site '''Wikinvest''' remplacer simplement le '''ticker''' sous la forme '''code du marché:code de l'action''' | * Pour changer l'action sans passer par le site '''Wikinvest''' remplacer simplement le '''ticker''' sous la forme '''code du marché:code de l'action''' | ||
Code des marchés : NYSE, NASDAQ, FOREX | Code des marchés : NYSE, NASDAQ, FOREX | ||
| + | |||
| + | = Articles externes = | ||
| + | * [http://blog.habrador.com/2013/10/how-to-add-stock-charts-to-your-website.html blog.habrador.com - 22/10/13] How to add '''stock charts''' to your '''[[website]]''' or '''[[blog]]''' | ||
= Commentaires = | = Commentaires = | ||
Version du 1 juin 2015 à 16:37
Lien court vers cette page : http://vt.cx/Icbs
QR code vers cette page : http://vt.cx/Icbs.qr
Sommaire
Mots clé
- Intégrer des cours de bourse dans MediaWiki
- Intégrer des cours boursiers dans Joomla
- Intégrer des cours boursiers dans un CMS
- Embedding Stock prices and charts in blogs and websites
Présentation
Pour intégrer (embed en anglais) des cours boursiers dans un site Internet, des solutions existent. Cette page est destinée à les regrouper et à expliquer comment y parvenir facilement.
Sites fournissant du code à insérer
Wikinvest
Site boursier, Wikinvest propose, à l'adresse suivante :
http://www.wikinvest.com/
le code des graphiques et cours de chaque action et devise qu'il propose. Il est possible de définir un graphique personnalisé et de l'intégrer tel quel dans un autre site. Le code donné est sous la forme :
<script src="http://charts.wikinvest.com/wikinvest/wikichart/javascript/scripts.php" type="text/javascript">
</script>
<div id="wikichartContainer_ED6E4707-66DC-B44E-D8C2-D39E7A353078">
<div id="wikichartContainer_ED6E4707-66DC-B44E-D8C2-D39E7A353078_noFlash" style="width:400px; display:none;">
<a href="http://get.adobe.com/flashplayer/"><img src="http://cdn.wikinvest.com/wikinvest/images/adobe_flash_logo.gif" alt="Flash" style="border-width: 0px;"/>
<br/>Flash Player 9 or higher is required to view the chart<br/><strong>Click here to download Flash Player now</strong></a></div></div>
<script type="text/javascript">
if (typeof(embedWikichart) != "undefined") {embedWikichart("http://charts.wikinvest.com/WikiChartMini.swf","wikichartContainer_ED6E4707-66DC-B44E-D8C2-D39E7A353078","400","400",{"embedCodeDate":"2014-1-27","partner":"wikinvest","ticker":"NYSE:AMD","rollingDate":"5 days","showNewsIcons":"true"},{});}
</script>
<div style="font-size:9px;text-align:right;width:400px;font-family:Verdana"><a href="http://www.wikinvest.com/chart/NYSE:AMD" style="text-decoration:underline; color:#0000ee;">View the full AMD chart</a> at <a href="http://www.wikinvest.com/">Wikinvest</a></div>
Que l'on peut réduire en supprimant les liens a ref. Le résultat réduit est alors :
<script src="http://charts.wikinvest.com/wikinvest/wikichart/javascript/scripts.php" type="text/javascript">
</script>
<div id="wikichartContainer_DA49BE4B-2BF2-9D04-3AE0-D395B9F7C6EA">
<div id="wikichartContainer_DA49BE4B-2BF2-9D04-3AE0-D395B9F7C6EA_noFlash" style="width:400px; display:none;">
</div>
</div>
<script type="text/javascript">if (typeof(embedWikichart) != "undefined") {embedWikichart("http://charts.wikinvest.com/WikiChartMini.swf","wikichartContainer_DA49BE4B-2BF2-9D04-3AE0-D395B9F7C6EA","400","400",{"embedCodeDate":"2014-1-27","partner":"wikinvest","ticker":"NYSE:AMD","rollingDate":"5 days","showNewsIcons":"true"},{});}
</script>
</div>
Le résultat est alors :
Modifications possibles du code
- Changer le ticker (code de l'action) sous la forme "Marché:Code" exemple "NASDAQ:GOOG" pour Google ou "NYSE:AMD" pour AMD
- Changer la taille du graphique qui est par défaut à 400x400. La largeur se règle à deux endroit à savoir :
style="width:400px; display:none;" ou 400 est la largeur (exemple remplacer par 600) "400","400" ou le premier nombre est la largeur en pixels et le second la hauteur en pixels (exemple remplacer par 600 et 200)
- Suppression possible de "partner":"wikinvest", -> pas d'effet indésirable constaté à ce jour
- Changement de la période par défaut du graphisme. Celle-ci est dans le paramètre "rollingDate":"5 days" qui est ici à 5 jours les paramètres possibles sont les suivants :
- Intraday 1 jour : "rollingDate":"1 day"
- Intraday 5 jours : "rollingDate":"5 days"
- 1 mois : "rollingDate":"1 month"
- 3 mois : "rollingDate":"3 month"
- 6 mois : "rollingDate":"6 month" ou suppression de "rollingDate":"full", (virgule comprise) car en l'absence de ce paramètre, c'est 6 mois qui est pris par défaut
- 1 an : "rollingDate":"1 year"
- 2 ans : "rollingDate":"2 year"
- 5 ans : "rollingDate":"5 year"
- 10 ans : "rollingDate":"10 year"
- Toute la période : "rollingDate":"full"
A noter
- Pour permettre l'intégration de cours et de graphiques boursiers dans MediaWiki se reporter à l'article Autoriser le code HTML dans une page MediaWiki
- Wikinvest est aussi opérationnel pour les devises avec le code FOREX
- Pour changer l'action sans passer par le site Wikinvest remplacer simplement le ticker sous la forme code du marché:code de l'action
Code des marchés : NYSE, NASDAQ, FOREX
Articles externes
- blog.habrador.com - 22/10/13 How to add stock charts to your website or blog
