wordpressに株価チャートを埋め込む方法

WordPressに株価チャートを埋め込む方法はいくつかありますが、2025年現在最もおすすめで実用的・綺麗な順に並べるとこんな感じです。

順位方法日本株対応米国株対応リアルタイム性難易度おすすめ度備考
1TradingView ウィジェットほぼリアルタイム★☆☆★★★★★今一番おすすめ・見た目が最高
2Yahoo!ファイナンス埋め込み遅延あり★☆☆★★★★日本株最強・超簡単
3Stockdio系プラグインほぼリアルタイム★★☆★★★☆有料プランが強い
4finvizプラグイン×ページ読み込み時更新★★☆★★☆米国株のみ・今も動いてる
5静的画像+定期更新×★★★★☆☆古くなるので非推奨

圧倒的におすすめな方法(2025年現在)TradingViewのウィジェットを使うのが現状最強です。TradingViewで株価チャートを埋め込む手順(約2〜3分で完成)

  1. https://jp.tradingview.com/widget/ にアクセス
  2. 「最先端のリアルタイムチャートウィジェット」をクリック(一番人気のやつ)
  3. 左側で以下の設定をする(好きなようにカスタマイズ)
    • シンボル(銘柄)例:
      • 日本株 → 7203(トヨタ)→ TSE:7203
      • 米国株 → AAPL(Apple)→ NASDAQ:AAPL
      • 日経平均 → JPX:N225
    • 時間足(1日、1週間、全部など)
    • テーマ(ダーク/ライト)
    • 高さ・幅(レスポンシブにするなら幅100%がおすすめ)
  4. 右側の「埋め込みコード」が自動で変わるので「コードをコピー」ボタンを押す
  5. WordPressの投稿/固定ページで**「カスタムHTML」ブロック**を追加
  6. コピーしたコードをペースト → 公開/更新

これだけで綺麗でインタラクティブなチャートが表示されます!日本株の代表的なシンボル例(コピペ用)

TSE:7203          // トヨタ自動車
TSE:6758          // ソニーグループ
TSE:9984          // ソフトバンクグループ
JPX:N225          // 日経平均
JPX:TOPIX         // TOPIX

超簡単に日本株だけやりたい人向け(Yahoo!ファイナンス)Yahoo!ファイナンスの個別銘柄ページを開いて
URL末尾のコード部分(例:6758.T)を使って以下のようにiframeで埋め込み

html

<iframe src="https://finance.yahoo.co.jp/quote/6758.T/chart" 
        width="100%" 
        height="600" 
        frameborder="0"></iframe>

※表示崩れやすいので最近はTradingViewの方が安定していますまとめ(あなたに一番おすすめのパターン)

目的おすすめの方法
見た目重視・インタラクティブTradingView ★★★★★
日本株だけ・超手軽Yahoo!ファイナンス iframe
米国株メインでプラグインStock market charts from finviz または Stockdio
全部やりたい・本気運用ブログTradingView + 必要に応じてプラグイン併用

今はもうTradingView一択でほぼ間違いない状況です♪

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
目次