Intégrer des cours boursiers dans un site : Différence entre versions
De Vulgum Techus
(47 révisions intermédiaires par un utilisateur sont masquées) | |||
Ligne 1 : | Ligne 1 : | ||
[[Catégorie:Procédures générales]] | [[Catégorie:Procédures générales]] | ||
+ | '''[[Lien court]]''' vers cette page : http://vt.cx/Icbs | ||
+ | '''[[QR code]]''' vers cette page : http://vt.cx/Icbs.qr | ||
+ | <html> | ||
+ | <script type="text/javascript"><!-- | ||
+ | google_ad_client = "ca-pub-3341840374417340"; | ||
+ | /* VT2 */ | ||
+ | google_ad_slot = "6349432125"; | ||
+ | google_ad_width = 468; | ||
+ | google_ad_height = 60; | ||
+ | //--> | ||
+ | </script> | ||
+ | <script type="text/javascript" | ||
+ | src="//pagead2.googlesyndication.com/pagead/show_ads.js"> | ||
+ | </script> | ||
+ | </html> | ||
+ | |||
+ | = 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 = | = 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. | + | 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 = | = Sites fournissant du code à insérer = | ||
== Wikinvest == | == Wikinvest == | ||
− | Site boursier, Wikinvest propose le code des graphiques et cours de chaque action qu'il | + | 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 : | ||
<nowiki> | <nowiki> | ||
<script src="http://charts.wikinvest.com/wikinvest/wikichart/javascript/scripts.php" type="text/javascript"> | <script src="http://charts.wikinvest.com/wikinvest/wikichart/javascript/scripts.php" type="text/javascript"> | ||
Ligne 18 : | Ligne 42 : | ||
<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> | <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> | ||
</nowiki> | </nowiki> | ||
− | Que l'on peut réduire en supprimant | + | Que l'on peut réduire en supprimant les liens '''a ref'''. Le résultat réduit est alors : |
<nowiki> | <nowiki> | ||
− | + | <script src="http://charts.wikinvest.com/wikinvest/wikichart/javascript/scripts.php" type="text/javascript"> | |
− | + | ||
</script> | </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> | ||
</nowiki> | </nowiki> | ||
− | Le résultat est alors | + | Le résultat est alors : |
<html> | <html> | ||
<script src="http://charts.wikinvest.com/wikinvest/wikichart/javascript/scripts.php" type="text/javascript"> | <script src="http://charts.wikinvest.com/wikinvest/wikichart/javascript/scripts.php" type="text/javascript"> | ||
</script> | </script> | ||
− | <div id=" | + | <div id="wikichartContainer_DA49BE4B-2BF2-9D04-3AE0-D395B9F7C6EA"> |
− | <div id=" | + | <div id="wikichartContainer_DA49BE4B-2BF2-9D04-3AE0-D395B9F7C6EA_noFlash" style="width:400px; display:none;"> |
− | + | </div> | |
− | <script type="text/javascript"> | + | </div> |
− | if (typeof(embedWikichart) != "undefined") {embedWikichart("http://charts.wikinvest.com/WikiChartMini.swf"," | + | <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","ticker":"NYSE:AMD","rollingDate":"5 days","showNewsIcons":"true"},{});} |
</script> | </script> | ||
+ | </div> | ||
</html> | </html> | ||
+ | |||
+ | == 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:<span style="color: #FF0000;">'''400px'''</span>; display:none;" ou '''400''' est la largeur (exemple remplacer par '''600''') | ||
+ | <span style="color: #FF0000;">'''"400","400"'''</span> 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 <span style="color: #FF0000;">'''"partner":"wikinvest",'''</span> -> 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 <span style="color: #FF0000;">'''"rollingDate":"5 days"'''</span> qui est ici à '''5 jours''' les paramètres possibles sont les suivants : | ||
+ | ** Intraday 1 jour : <span style="color: #FF0000;">'''"rollingDate":"1 day"'''</span> | ||
+ | ** Intraday 5 jours : <span style="color: #FF0000;">'''"rollingDate":"5 days"'''</span> | ||
+ | ** 1 mois : <span style="color: #FF0000;">'''"rollingDate":"1 month"'''</span> | ||
+ | ** 3 mois : <span style="color: #FF0000;">'''"rollingDate":"3 month"'''</span> | ||
+ | ** 6 mois : <span style="color: #FF0000;">'''"rollingDate":"6 month"'''</span> ou suppression de <span style="color: #FF0000;">'''"rollingDate":"full",'''</span> (virgule comprise) car en l'absence de ce paramètre, c'est '''6 mois''' qui est pris par défaut | ||
+ | ** 1 an : <span style="color: #FF0000;">'''"rollingDate":"1 year"'''</span> | ||
+ | ** 2 ans : <span style="color: #FF0000;">'''"rollingDate":"2 year"'''</span> | ||
+ | ** 5 ans : <span style="color: #FF0000;">'''"rollingDate":"5 year"'''</span> | ||
+ | ** 10 ans : <span style="color: #FF0000;">'''"rollingDate":"10 year"'''</span> | ||
+ | ** Toute la période : <span style="color: #FF0000;">'''"rollingDate":"full"'''</span> | ||
+ | |||
+ | == 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 = | ||
+ | * [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 = | ||
+ | {{#widget:DISQUS | ||
+ | |id=vulgumtechus | ||
+ | }} |
Version actuelle en date du 21 octobre 2018 à 11:13
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