Intégrer des cours boursiers dans un site : Différence entre versions

De Vulgum Techus
Aller à : Navigation, rechercher
(Page créée avec « Catégorie:Procédures générales = Présentation = Pour intégrer (embed en anglais) des cours boursiers dans un site Internet, des solutions existent. Cette page es... »)
 
 
(50 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 contient. 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 :
+
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 la première partir servant à tester la présence du [[Flashplayer]] et la dernière qui affiche un lien déjà en dur dans le graphique. Le résultat réduit est :
+
Que l'on peut réduire en supprimant les liens '''a ref'''. Le résultat réduit est alors :
 
  <nowiki>
 
  <nowiki>
−
<script type="text/javascript">
+
<script src="http://charts.wikinvest.com/wikinvest/wikichart/javascript/scripts.php" 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>
 
  </script>
−
  </nowiki>
+
  <div id="wikichartContainer_DA49BE4B-2BF2-9D04-3AE0-D395B9F7C6EA">
−
Le résultat est alors
+
<div id="wikichartContainer_DA49BE4B-2BF2-9D04-3AE0-D395B9F7C6EA_noFlash" style="width:400px; display:none;">
−
  <html>
+
  </div>
−
  <script type="text/javascript">
+
</div>
−
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 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>
 
  </script>
−
  </html>
+
  </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
 +
}}

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

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

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)

A noter

Code des marchés : NYSE, NASDAQ, FOREX

Articles externes

Commentaires

blog comments powered by Disqus

Récupérée de « https://www.vulgumtechus.com/index.php?title=Intégrer_des_cours_boursiers_dans_un_site&oldid=41020 »