Voir la source de Intégrer des cours boursiers dans un site

[[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 =
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 :
 <nowiki>
 <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>
 </nowiki>
Que l'on peut réduire en supprimant les liens '''a ref'''. Le résultat réduit est alors :
 <nowiki>
<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>
 </nowiki>
Le résultat est alors :
<html>
<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","ticker":"NYSE:AMD","rollingDate":"5 days","showNewsIcons":"true"},{});}
</script>
</div>
</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
}}