블로그나 워드프레스 해외주식 차트 삽입 방법(무료)

주식이나 경제 관련 블로그를 운영하다보면 자세한 정보전달을 위해 해외주식 차트를 포스팅에 넣고 싶을 때가 있을텐데요. 추가적인 요금없이 간단하게 차트를 넣는 방법을 소개해보겠습니다.

 

트레이딩 뷰 접속 및 가입

외국사이트 중 드레이딩 뷰에서 해당 위젯을 무료로 제공하고 있습니다. 물론 유료 버전을 사용한다면 더 많은 기능을 사용할 수 있지만 무료로도 해외주식 위젯을 넣는데는 무리가 없습니다.

 

 

트레이딩 뷰 사이트에 접속해 줍니다.

 

 

간단하게 가입 절차를 수행한 후

 

 

상단 메뉴에서 MORE, For business, All widgets 메뉴로 접속해 줍니다.

 

어드밴스드 차트

 

제가 가장 추천하는 차트는 어드밴스드 차트입니다. 나머지는 너무 작아 모바일 버전에서 잘 안보이는 단점이 있기 때문입니다.

 

추천 세팅

제가 설정해서 쓰는 세팅입니다. 물론 설정을 추가 할 수 있지만 일단 제 기준으로는 가장 깔끔한 차트라고 생각됩니다.

 

일단 Use container size 체크를 해제합니다. 워드프레스에 삽입 시 너무 작게 나오기 때문인데요.

 

그리고 차트로 보여줄 심볼을 검색해서 선택합니다. 무료 버전에서는 해외주식만 가능하며 실시간 차트는 안되고 15분 지연이 있습니다. 하지만 충분히 쓸만합니다.

 

언어는 한국어로 변경해 줍니다. 

 

마지막으로 Apply를 적용하고 HMTL 코드를 Copy Code로 해서 얻어 줍니다.

 

티스토리에 위젯 넣기

티스토리에서 위젯을 넣은 방법은 간단합니다.

 

 

포스팅 할때 상단에 ... 메뉴에서 HTML 블럭을 선택해 줍니다.

 

 

이렇게 붙여넣기를 할 수 있는데요. 저는 여기서 코드를 약간 수정하겠습니다.

 

 

먼저 4번째 줄에 트레이딩 뷰 링크를 삭제해주었습니다. 그리고 높이와 너비를 위에 처럼 변경해줍니다. 이 크기가 가장 모바일에 최적화된 크기라고 생각되며 데스크탑에서도 충분히 가독성 있는 사이즈 입니다.

 

자신에 맞게 수정 해주셔도 괜찬습니다.

 

적용결과 

 

티스토리에 적용한 결과입니다.

 

워드프레스에 위젯 넣기

워드프레스는 기본 블록 작성기를 기준으로 적용하였습니다.

 

 

블록 중 사용자 정의 HTML를 선택합니다.

 

해당 블록에 동일하게 위젯 HMTL 코드를 삽입해 주겠습니다.

 

적용결과

 

적용결과입니다.

 

이렇게 트레이딩 뷰 사이트의 위젯 기능을 통해 자신의 티스토리와 워드프레스에 차트를 넣는 방법에 대해 알아보았습니다.