Lewati ke isi

Kode semat

Halaman ini berisi informasi terperinci tentang struktur kode semat untuk widget yang berbeda.

cTrader Web, Strategi Anda, Strategi Tunggal, Beberapa Strategi, Grafik Pasar

Kode semat untuk widget cTrader Web, Grafik Pasar, Strategi Anda, Strategi Tunggal dan Beberapa Strategi terlihat seperti berikut:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%, height: 100%"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/?lang=en&theme=light&u=letstrade747","appConfig":{"chart":{"initialChartLayout":"Single"}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%, height: 100%"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/copy-provider/?lang=en&theme=dark&providerNickname=letstrade747&u=letstrade747","appConfig":{"strategy":{"showStrategyPromotion":true}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%, height: 100%"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/esp/2082/?lang=en&theme=dark&u=letstrade747","appConfig":{"strategy":{"showStrategyPromotion":false}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%; height: 100%; position: relative"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/multiple-strategies/?lang=en&theme=dark&u=letstrade747&strategyIdList=2082%2C2203","appConfig":{"strategy":{"showStrategyPromotion":true}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 830px; height: 700px; position: relative"></div>
<script id="init" type="text/javascript" defer src="https://ct.spotware.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/market-chart/?s=EURUSD&period=H1&charttype=candlestick&palettename=dark&lang=en&w=830&h=700"});
    };
</script>

Setiap parameter dan argumen fungsi didefinisikan sebagai berikut.

Nama Definisi dan nilai
div id "ctrader-root". Ini adalah pengidentifikasi unik untuk menyematkan widget dalam sumber daya web.
style "width: {number}%, height: {number}%". Lebar dan tinggi relatif dari blok yang disematkan (relatif terhadap ukuran wadah induk). Perhatikan bahwa properti display dari elemen induk harus diatur ke display: block.
type...defer "text/javascript". Direktif yang menyatakan bahwa blok yang disematkan berisi JavaScript dalam format teks. Atribut defer menyatakan bahwa skrip hanya boleh dijalankan setelah browser selesai mengurai seluruh HTML dari sumber daya tempat blok disematkan.
'runPlugin' Nama skrip yang akan dijalankan.
'ctrader-plugin-root Nama elemen yang akan disematkan.
"route" URL elemen yang akan disematkan relatif terhadap URL dasar cTrader Web.
"appConfig" Konfigurasi elemen yang disematkan. Untuk nilai yang mungkin, lihat baris berikut.
"chart":{"initialChartLayout":"Single"}" Mode grafik awal dari widget cTrader Web. "initialChartLayout" dapat diatur ke "Single", "Multi", atau "Free".
"strategy":{"showStrategyPromotion":false} Konfigurasi yang menentukan apakah blok Promosi strategi ditampilkan untuk widget Strategi Anda atau Strategi Apa Pun.

Peringatan

Pengaturan parameter style dari widget ini wajib dilakukan sebelum menyematkannya pada sumber daya web Anda; jika tidak, widget tidak akan ditampilkan. Anda hanya dapat menentukan width dan height widget dan membiarkan semua atribut lainnya kosong.