ウィジェット
ウィジェットは、オーディエンスをサイトに引き付ける素晴らしい方法を提供しています。ウェブサイト、ブログ、フォーラムにも最適です。
ウィジェットを選択してください
あなたのサイトで直接素晴らしい機能とリアルタイムの見積もりを入手してください。複雑な統合を行うことなく、ユーザーに市場への即時の洞察を提供します。ウィジェットをカスタマイズし、視聴者に何を表示するかを選択します。
アフィリエイトになり、ウィジェットで稼ぎましょう！
アフィリエーションプログラムにサインアップし、ウィジェットにアフィリエーションリンクを埋め込みます。それは収益を上げるためのシンプルで便利な方法です。あなたのためにも友達に紹介しましょう。
よくある質問
1. ウィジェットはさまざまな画面サイズに適応していません。どうすればいいですか？
自動サイズ設定を使用します。自動サイズ設定がオンの場合、ウィジェットは囲んでいる要素の使用可能な幅や高さの100％を使用します。ウィジェットが正しく機能するためには、親要素の特定の高さを設定することが非常に重要です。
2. このフレームワークのAngular2以降のバージョンを使用するWebサイトでウィジェットを使用できますか？
はい。そのヒントは次の通りです。
window.sfx('marketOverview', {
- ウィジェットスクリプトをコピーして
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script>のページのどこかに貼り付けます - ID属性が設定されたコンテナ要素を作成します。
- コンテナ要素がレンダリングされ、ウィジェットを表示する場合は、関数（ngAfterViewInit Angularフックなど）を呼び出します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. React Webサイトでウィジェットを使用できますか？
はい。そのヒントは次の通りです。
window.sfx('marketOverview', {
- ウィジェットスクリプトをコピーして
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script>のページのどこかに貼り付けます - ID属性が設定されたコンテナ要素を作成します。
- コンテナ要素がレンダリングされ、ウィジェットを表示する場合は、関数（ngAfterViewInit Angularフックなど）を呼び出します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"],
4. 埋め込みコードが機能しないのはなぜですか？
潜在的に、問題は生のコードを動的に挿入しようとすることから発生する可能性があり、その結果、ブラウザに埋め込まれたスクリプトの実行をブロックするように強制されます。これは、たとえば、innerHTMLを介したインジェクションが発生した場合に発生する可能性があります。特定のライブラリ（jQueryなど）を使用してコードを動的に挿入しようとすると、ウィジェットの適切な初期化が中断される可能性もあります。サードパーティのインフラストラクチャによって駆動されるサイトにコードを埋め込む場合は、必ずその指示に従うか、プラットフォームの開発者に支援を求めてください。