【金融系ブロガー必見】ブログに自動更新される株価チャートを埋め込む方法!

シェアする

銘柄紹介などのブログを書いてる人なら株価のチャートをブログに埋め込みたいときがありますよね?Yahooの株価チャートをスクリーンショットするやり方だとその日までのチャートしか表示できません。自動的に最新の株価を反映するチャートを埋め込む方法がとっても簡単なので紹介します。

Yahoo financeの株価チャートコードを使う

コードをコピペするだけでチャートを表示できてしまいます。

日経平均株価チャートの埋め込み

<img class="aligncenter" 
src="http://chart.yahoo.co.jp/?code=998407.O&amp;tm=1y&amp;vip=off" />

このコードをコピーしてブログ中に埋め込んでください

すると最新1年間の株価チャートが表示されます。↓こんな感じ

企業株価チャートの埋め込み

例えば任天堂の最新1年間の株価チャートを埋め込む時はこのコード。

<img class="aligncenter" 
src="http://chart.yahoo.co.jp/?code=7974.T&amp;tm=1y&amp;vip=off" />

コード中のcode=7974.Tを書き換えることで任意の企業の株価チャートをサイトに埋め込むことができます。

code=[証券番号].Tとなっているので例えばPCデポの場合証券コードは7618なのでコードを次のように書き換えます。

<img class="aligncenter" 
src="http://chart.yahoo.co.jp/?code=7618.T&amp;tm=1y&amp;vip=off" />

チャートの表示期間を設定したい

チャートの表示期間を設定するにはコード中のtm=1yの部分を書き換えます。

日経平均株価を例に説明していきましょう。

最新1日 tm=1d

tm=1dと書き換えましょう

<img class="aligncenter" 
src="http://chart.yahoo.co.jp/?code=998407.O&amp;tm=1d&amp;vip=off" />

最新1週間  tm=5d

tm=5dと書き換えましょう

<img class="aligncenter" 
src="http://chart.yahoo.co.jp/?code=998407.O&amp;tm=5d&amp;vip=off" />

最新1ヶ月  tm=1m

tm=1mと書き換えましょう

<img class="aligncenter" 
src="http://chart.yahoo.co.jp/?code=998407.O&amp;tm=1m&amp;vip=off" />

他にも

最新3ヶ月 tm=3m

最新6ヶ月 tm=6m

が使えます

最新1年  tm=1y

tm=1yと書き換えましょう

<img class="aligncenter" 
src="http://chart.yahoo.co.jp/?code=998407.O&amp;tm=1y&amp;vip=off" />

他にも

最新2年 tm=2y

最新5年 tm=5y

最新10年 tm=10y

が使えます

まとめ

株価予想ブログとかで使えば予想が当たったのか外れたのか分かりやすくて面白いかもしれませんね。是非ご活用ください。