Widget degli indici di borsa e dei tassi di conversione delle valute.

Come installare in un sito un widget sugli indici di borsa in tempo reale e sui tassi di conversione delle valute.

Ci sono moltissimi siti sulla piattaforma Blogger che si occupano di finanza in senso lato. Il tema è indubbiamente molto ampio e può essere affrontato con punti di vista molto diversi. Ci si può occupare di un solo aspetto che può riguardare l'economia nazionale, un particolare settore produttivo, un dato settore merceologico o magari il trading finanziario online. Si può avere anche un blog che privilegia le notizie o gli editoriali su quella che si chiama politica economica del governo o di altre istituzioni.

Questi siti potrebbero essere interessati a mostrare ai loro lettori un widget con le quotazioni in tempo reale delle più importanti borse valori. Un bellissimo servizio al riguardo è offerto da Yahoo! Finanza con i dati in tempo reale provenienti da Piazza Affari ma anche da Wall Street, Francoforte, Parigi, Londra e Tokio. Ci sono le azioni che si sono messe particolarmente in evidenza e i titoli più scambiati. È anche disponibile il cambio Euro Dollaro. Chi si occupa solo del mercato domestico può avere una visione più analitica dei principali indici italiani.

Ho cercato dei gadget che potessero mostrare l'andamento dei mercati e quello più interessante l'ho trovato su StartByZero. Vengono usati i dati di Google Finanza che sono stati inseriti in una tabella. Tra le borse valori monitorate spicca l'assenza dell'indice DAX di Francoforte. Per l'installazione si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla il seguente codice

<script type="text/javascript"><!--
  sz_width = "300";
  sz_lang = "it";
  sz_color = "ffffff";
  sz_color_label = "4b9af3";
  sz_color_value = "4b9af3";
  sz_color_border = "4b9af3";
  sz_back = "ffffff";
  sz_back_title = "4b9af3";
  sz_back_label = "b1d3f9";
  sz_back_foot = "4b9af3";
  sz_back_hover = "e4edf8";
//-->
</script>
<script type="text/javascript"
src="http://startbyzero.com/static/finance/stock/widget.js"></script>

Dopo aver cliccato su Salva si visualizza questo risultato.

Se si clicca su un particolare indice viene aperta la pagina di Google Finanza con il grafico relativo al suo andamento negli ultimi tre giorni con la possibilità di visualizzare quello degli ultimi 180 giorni. Si possono personalizzare anche i colori e la larghezza orizzontale. Con questi codici dei colori

  sz_color = "fff";
  sz_color_label = "333";
  sz_color_value = "333";
  sz_color_border = "333";
  sz_back = "ffffff";
  sz_back_title = "333";
  sz_back_label = "d7d2d2";
  sz_back_foot = "333";
  sz_back_hover = "f1f1f1";

viene fuori una tabella sul tono del grigio

Gli amanti della lingua inglese possono sostituire it con en per avere le scritte in quella lingua. Sempre dallo stesso sito e con lo stesso stile è anche possibile avere un widget che mostra i tassi di cambio delle principali valute. Anche in questo caso si va su Layout > Aggiungi un gadget > HTML/Javascript e, in Sezioni del sito, si incolla il seguente codice

<script type="text/javascript"><!--
  sz_width = "300";
  sz_lang = "en";
  sz_color = "333333";
  sz_color_title = "f8f008";
  sz_color_label = "0e06a0";
  sz_color_foot = "f8f008";
  sz_color_border = "0e06a0";
  sz_back = "ffffff";
  sz_back_title = "0e06a0";
  sz_back_label = "f8f008";
  sz_back_foot = "0e06a0";
//-->
</script>
<script type="text/javascript"
src="http://startbyzero.com/static/finance/currencies/widget.js"></script>

Dopo aver cliccato su Salva si visualizza la seguente tabella

con il cambio tra Euro e Dollaro americano rispetto alle altre valute. Anche per questo widget si possono personalizzare larghezza, lingua e colori come mostrato in precedenza. Nella pagina dell'autore del widget che ho linkato all'inizio è possibile consultare la tabella con il significato dei vari parametri.