블로그에 실시간 해외 주식 차트 삽입하는 방법 (티스토리, 네이버 블로그, 워드프레스)

안녕하세요, 오늘은 저와 같은 블로거 분들을 위한 정보를 가지고 왔습니다.

 

저는 종종 ETF / 주식 종목에 대해서 분석하는 글을 작성해왔는데요.

 

최근 미국 주식 종목 JOBY에 대한 글을 작성하던 중 주식 차트 삽입의 필요성을 느껴 알아보게 되었습니다.

 

생각보다 쉽고 누구나 따라할 수 있었는데요, 방문하신 분들께서도 용이하게 사용하셨으면 좋겠습니다. 

 

 

1. 해외 주식 실시간 차트 HTML 코드 만들기

1) 아래의 사이트에 접속하여, ①More - ②For business - ③All widgets  순서로 진행합니다. 

https://www.tradingview.com/

TradingView — Track All Markets

 

 

2) All widgets 를 누르고 스크롤하여 Get the widget 을 클릭합니다.

 

 

3) 이제 아래 Advanced Chart  에서 위젯 HTML 코드를 생성할 수 있습니다.

 

Settings 에서 설정한 값으로 옆 Embed code에 HTML 코드가 짜여지게 됩니다.

 

세팅값은 필요한 값 위주로 설정하고,  작성된 HTML 코드를 복사하기 위해 Copy code 버튼을 눌러줍니다.

 

Width / Height : 차트 사이즈를 고정하고 싶은 경우 설정 (단위 PX)

Default symbol : 주식 종목 선택

Default Inverval : 주가 차트 시간 간격 설정 (1m, 3m, 5m, 15m, 30m, 1h, 2h, 3h, 4h, 1d, 1w 단위 가능)

Timezone : 국가 별 시간 설정

Color Theme : Dark 또는 Light (본인 운영 블로그 배경색에 맞춰 설정)

Bar Style : 주식 차트 스타일 (Candles, Hollow Candles, Heikin Ashi, Line, Area, Renko, Line Break, Kagi, Point and Figure 선택 가능)

 

그 외 상세 기능를 체크하시고 하단의 Apply 버튼을 클리하면 좌측의 Embed code 에 HTML code가 작성됩니다.

Copy code 버튼을 클릭해서 코드를 복사한 뒤, 블로그 글 작성 모드를 HTML로 설정하여 코드를 붙여넣으면 되겠습니다. 

 

 

 

2. 블로그 HTML 코드 삽입하기

예를 들어, SCHD 종목의 차트를 붙여넣어 보겠습니다.

 

저는 티스토리 블로그를 운영하고 있기 때문에, 예시를 들어보자면 글 작성에서 우측의 기본모드 버튼을 눌러 HTML 모드로 전환합니다.

 

아래와 같이 굉장히 컴퓨터스러운 화면에서 아까 복사한 HTML 코드를 붙여넣으면 되겠습니다.

 

카피 버튼을 눌러 왼쪽의 코드가 복사되면, 티스토리 HTML 모드에서 차트를 넣고 싶은 행에 Control+V 만 해주면 됩니다.

그리고 나서 다시 기본 모드로 돌아오게 되면, 아래와 같이 차트가 생성된 것을 확인할 수 있습니다.

 

트레이딩뷰에서 모든 시장 추적

 

그럼 많은 분들께 도움되었길 바라며, 줄이겠습니다.

 

관련해서 이전 종목 추천 글이 궁금하신 분은 하단의 발행 포스트 참조 부탁드립니다.

 

퇴직연금 (IRP /DC형) 안전자산 30% ETF 추천

퇴직연금 (IRP /DC형) 안전자산 30% ETF 추천

퇴직연금 (IRP / DC형) 안전자산 30% ETF 추천 2탄

퇴직연금 (IRP / DC형) 안전자산 30% ETF 추천 2탄

퇴직연금 (IRP / DC형) 안전자산 30% ETF 추천 3탄

퇴직연금 (IRP / DC형) 안전자산 30% ETF 추천 3탄

[미국주식] 조비 에이비에이션 JOBY (연혁, 성장, 상용화, 재무)

[미국주식] 조비 에이비에이션 JOBY (연혁, 성장, 상용화, 재무)