TradingView S&P 500 Market Overview

가나톡ganaTOK
가나톡ganaTOK

TradingView S&P 500 Market Overview 

다음은 S&P 500 Market Overview 위젯을 블로그에 삽입하기 위해서는 Yahoo Finance 또는 TradingView와 같은 서비스에서 제공하는 위젯 코드를 활용하는 방법이 있습니다. 아래는 TradingView를 활용한 S&P 500 Market Overview 위젯 삽입 방법에 대한 상세한 설명과 코드입니다.

1. TradingView S&P 500 Market Overview 위젯 삽입 코드

아래 코드는 S&P 500 Market Overview를 표시하기 위해 TradingView의 위젯을 활용한 예제입니다.

S&P 500 Market Overview

아래 위젯을 통해 S&P 500의 시장 개요를 실시간으로 확인할 수 있습니다. TradingView에서 제공하는 최신 데이터와 차트를 포함하고 있습니다.



<div class="tradingview-widget-container" style="text-align: center;">
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js">
  {
    "colorTheme": "light",
    "dateRange": "12M",
    "showChart": true,
    "locale": "en",
    "largeChartUrl": "",
    "isTransparent": false,
    "width": "100%",
    "height": "600",
    "plotLineColorGrowing": "rgba(33, 150, 243, 1)",
    "plotLineColorFalling": "rgba(33, 150, 243, 1)",
    "gridLineColor": "rgba(240, 243, 250, 1)",
    "scaleFontColor": "rgba(120, 123, 134, 1)",
    "belowLineFillColorGrowing": "rgba(33, 150, 243, 0.12)",
    "belowLineFillColorFalling": "rgba(33, 150, 243, 0.12)",
    "symbolActiveColor": "rgba(33, 150, 243, 0.12)",
    "tabs": [
      {
        "title": "Indices",
        "symbols": [
          {
            "s": "INDEX:SPX",
            "d": "S&P 500"
          },
          {
            "s": "INDEX:DJI",
            "d": "Dow Jones"
          },
          {
            "s": "INDEX:IXIC",
            "d": "Nasdaq 100"
          }
        ],
        "originalTitle": "Indices"
      }
    ]
  }
  </script>
</div>

2. 위젯 삽입 방법

  1. 블로그 HTML 편집 기능 열기
    • 블로그 플랫폼(WordPress, Blogger 등)에서 HTML 편집기로 이동합니다.
  2. 코드 삽입
    • 위의 HTML 코드를 복사하여 원하는 위치에 붙여넣습니다.
  3. 저장 및 게시
    • 수정 내용을 저장한 후 게시합니다.

3. 주요 설정 옵션

위 코드는 TradingView 위젯의 JSON 형식을 사용하며, 다음 옵션을 조정할 수 있습니다:

  • colorTheme: 차트 색상 테마 (light 또는 dark).
  • width와 height: 위젯 크기 조정.
  • tabs: 표시할 시장 또는 인덱스 탭 설정.
  • symbols: 표시할 심볼(S&P 500, Nasdaq 등)을 설정.

4. Yahoo Finance 대안

Yahoo Finance 자체는 위젯을 직접 제공하지 않으므로 TradingView와 같은 서드파티 솔루션을 사용하는 것이 일반적입니다. 하지만, Yahoo Finance 데이터를 API로 가져와 커스텀 차트를 제작하는 방법도 고려할 수 있습니다.

5. 결론

위 코드를 사용하면 S&P 500의 시장 개요를 간단히 블로그에 추가할 수 있습니다. 블로그 방문자들은 주요 지수(S&P 500, 다우 존스, 나스닥)의 실시간 정보를 시각적으로 확인할 수 있어 매우 유용합니다. 

Related Posts

로드 중…

댓글 쓰기