> ## Documentation Index
> Fetch the complete documentation index at: https://docs.benzinga.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Benzinga ウィジェット

> ウェブサイト向けの埋め込み型金融データ可視化ツール

Benzinga ウィジェットは、ウェブサイト上に金融チャート、株式情報、市場データを表示できる、あらかじめ用意された埋め込みコンポーネントです。最小限のセットアップでシームレスに導入でき、ブランドに合わせて柔軟にカスタマイズできます。

サンプルウィジェット:

***

<div id="charting">
  ## チャート表示:
</div>

***

<iframe frameBorder="0" height="600" width="100%" src="https://widgets.benzinga.com/embed/chart/AAPL?timeframe=6m&exchange=NASDAQ&bgColor=%23ffffff&chartColor=%232962FF" />

iframe:

```html theme={null}
<iframe
    frameBorder="0"
    height="600"
    class="w-full"
    src="https://widgets.benzinga.com/embed/chart/AAPL?timeframe=6m&exchange=NASDAQ&bgColor=%23ffffff&chartColor=%232962FF"
></iframe>
```

***

<div id="sector-performance">
  ## セクター別パフォーマンス:
</div>

***

<div style={{ width: '100%', overflow: 'hidden' }}>
  <div style={{ transform: 'scale(0.75)', transformOrigin: 'top left', width: 1200, height: 550 }}>
    <iframe frameBorder="0" width="100%" height="700" src="https://widgets.benzinga.com/embed/sector-performance-heatmap" />
  </div>
</div>

iframe:

```html theme={null}
<iframe
  frameBorder="0"
  height="1550"
  src="https://widgets.benzinga.com/embed/sector-performance-heatmap"
  class="w-full"
></iframe>
```

***

<div id="sankey-chart">
  ## サンキーチャート：
</div>

***

<iframe frameBorder="0" height="600" src="https://widgets.benzinga.com/embed/sankey?symbol=AAPL" width="100%" />

iframe（アイフレーム）：

```html theme={null}
<iframe
  frameBorder="0"
  height="1550"
  src="https://widgets.benzinga.com/embed/sankey?symbol=${ticker_name}"
  class="w-full"
></iframe>
```

***

<div id="features">
  ## 特長
</div>

<div id="interactive-stock-charts">
  ### インタラクティブな株価チャート
</div>

* **リアルタイムデータ**
* カスタマイズ可能な期間（1日、6か月、5年など）
* 現在の市場状況を自動的に反映して更新されるチャート

```html theme={null}
<iframe frameBorder="0" height="500" width="500" src="https://widgets.benzinga.com/embed/chart/AAPL?timeframe=6m&exchange=NASDAQ&bgColor=%23ffffff&chartColor=%232962FF" title="Apple株価チャート" ></iframe>
```

<div id="additional-widgets">
  ### 追加ウィジェット
</div>

* Stock Tickers: ティッカー表示によるリアルタイム株価情報
* News Feeds: 最新のマーケットニュース配信
* Company Insights: 主要な統計情報および企業データ

<div id="integration">
  ## 連携
</div>

ウィジェットは次の 3 ステップで連携できます。

1. **ウィジェットの種類を選択する**: 株価チャート、ニュースフィード、ティッカー、企業インサイトから選択します。

2. **埋め込みコードをカスタマイズする**: 要件（株式ティッカー、時間軸、カラー）に合わせて URL パラメータを調整します。

```html theme={null}
<iframe
    frameBorder="0"
    height="600"
    class="w-full"
    src="https://widgets.benzinga.com/embed/chart/AAPL?timeframe=6m&exchange=NASDAQ&bgColor=%23ffffff&chartColor=%232962FF"
></iframe>
```

3. **サイトに埋め込む**: `iframe` コードを HTML や CMS（例：WordPress、Wix など）に挿入し、表示をテストします。

<div id="customization-options">
  ## カスタマイズオプション
</div>

ウィジェットは URL パラメータでカスタマイズできます:

* `symbol` - 株式のティッカーシンボル
* `timeframe` - チャート期間 (1d, 6m, 5y など)
* `bgColor` - 背景色 (16進数形式)
* `chartColor` - チャート線の色 (16進数形式)
* `exchange` - 株式の取引所

<div id="support">
  ## サポート
</div>

導入やカスタマイズに関するご質問は、[licensing@benzinga.com](mailto:licensing@benzinga.com) までお問い合わせください。
