위젯
위젯은 청중을 사이트에 참여시킬 수 있는 현명한 방법을 제공합니다. 웹 사이트, 블로그 및 포럼에 적합합니다.
위젯 선택하기
사이트에서 직접 멋진 기능과 실시간 시세를 받아보십시오. 복잡한 통합 없이 사용자에게 시장에 대한 즉각적인 통찰력을 제공합니다. 위젯을 사용자 정의하고 사용자에게 표시할 내용을 선택합니다.
제휴 관계를 맺고 위젯으로 수익을 창출하십시오!
제휴 프로그램에 등록하고 위젯에 제휴 링크를 포함하십시오. 이것은 간단하고 편리한 수입 창출 방법입니다. 청중들이 당신을 위해 돈을 벌도록 하세요.
자주 묻는 질문
1. 위젯이 다른 화면 크기에 맞게 조정되지 않습니다. 어떻게 해야 하나요?
자동 크기 설정을 사용합니다. 자동 크기가 설정되어 있으면 위젯은 사용 가능한 너비 및/또는 둘러싸는 요소의 높이를 100% 사용합니다. 위젯이 제대로 작동하려면 상위 요소의 특정 높이를 설정하는 것이 매우 중요합니다.
2. 이 프레임워크의 Angle 2 이상 버전을 사용하는 웹 사이트에서 위젯을 사용할 수 있습니까?
예. 몇 가지 힌트를 드리겠습니다.
window.sfx('marketOverview', {
- 위젯 스크립트를 복사하여 페이지 어딘가에 붙여넣습니다.
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - ID 특성이 설정된 컨테이너 요소를 만듭니다.
- 컨테이너 요소가 렌더링되고 위젯을 호출 함수(예: in ngAfterViewInit Angular hook) window.sfx(). 다른 설정과 별도로 매개 변수 목록에는 containerId 옵션도 있어야 합니다. 이전에 만든 컨테이너 ID 특성 값이 있어야 합니다.
window.sfx('marketOverview', {
containerId: 'sfx-market-overview',
language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
})language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
3. 리액트 웹 사이트에서 위젯을 사용할 수 있습니까?
예. 몇 가지 힌트를 드리겠습니다:
window.sfx('marketOverview', {
- 위젯 스크립트를 복사하여 페이지의 어딘가에 붙여 넣습니다:
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - ID 특성이 설정된 컨테이너 요소를 만듭니다.
- 컨테이너 요소가 렌더링되고 위젯을 호출 함수(예: componentDidMount 라이프사이클 메서드에서) 창.sfx()를 표시하려면 다른 설정과 별도로 매개 변수 목록에 containerId 옵션이 있어야 합니다. 이전에 만든 컨테이너 ID 특성 값이 있어야 합니다.
window.sfx('marketOverview', {
containerId: 'sfx-market-overview',
language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
})
language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
4. 임베드 코드가 작동하지 않는 이유는 무엇입니까?
비가동 코드를 동적으로 삽입하려고 하면 문제가 발생하여 브라우저가 포함된 스크립트 실행을 강제로 차단할 수 있습니다. 예를 들어서 이 문제는 innerHTM 주입할 때 발생할 수 있습니다. 특정 라이브러리(예: jQuery)를 사용하여 코드를 동적으로 주입하려고 하면 위젯의 적절한 초기화가 중단될 수도 있습니다. 타사 인프라로 구동되는 사이트에 코드를 내장하는 경우, 반드시 지침에 따르거나 플랫폼 개발자에게 도움을 요청하십시오.