Ana içeriğe geç

Gömme kodları

Bu sayfa, farklı widget'lar için gömme kodlarının yapısı hakkında ayrıntılı bilgi içerir.

cTrader Web, Stratejileriniz, Tekli Strateji, Çoklu Stratejiler, Piyasa Grafiği

cTrader Web, Piyasa Grafiği, Stratejileriniz, Tekli Strateji ve Çoklu Stratejiler widget'ları için gömme kodu aşağıdaki gibi görünür:

 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>

Her parametre ve fonksiyon argümanı aşağıdaki gibi tanımlanır.

Ad Tanımlar ve değerler
div id "ctrader-root". Bu, widget'ı bir web kaynağına gömmek için benzersiz tanımlayıcıdır.
style "width: {number}%, height: {number}%". Gömülü bloğun göreceli genişliği ve yüksekliği (üst kapsayıcının boyutuna göre). Üst öğenin display özelliğinin display: block olarak ayarlanması gerektiğini unutmayın.
type...defer "text/javascript". Gömülü bloğun metin biçiminde JavaScript içerdiğini belirten yönerge. defer özniteliği, komut dosyasının yalnızca tarayıcı, bloğun gömülü olduğu kaynağın tüm HTML'sini ayrıştırmayı bitirdikten sonra yürütülmesi gerektiğini belirtir.
'runPlugin' Yürütülecek komut dosyasının adı.
'ctrader-plugin-root Gömülecek öğenin adı.
"route" Gömülecek öğenin temel cTrader Web URL'sine göre URL'si.
"appConfig" Gömülü öğenin yapılandırması. Olası değerler için aşağıdaki satırlara bakın.
"chart":{"initialChartLayout":"Single"}" cTrader Web widget'ının başlangıç grafik modu. "initialChartLayout" "Single", "Multi" veya "Free" olarak ayarlanabilir.
"strategy":{"showStrategyPromotion":false} Stratejileriniz veya Herhangi Bir Strateji widget'ları için Strateji promosyonu bloğunun gösterilip gösterilmeyeceğini belirleyen yapılandırma.

Uyarı

Bu widget'ları web kaynağınıza gömmeden önce style parametresini ayarlamak zorunludur; aksi takdirde widget'lar görüntülenmeyecektir. Yalnızca widget'ların width ve height değerlerini belirleyebilir ve diğer tüm öznitelikleri boş bırakabilirsiniz.