Przejdź do treści

Kody osadzania

Ta strona zawiera szczegółowe informacje o strukturze kodów osadzania dla różnych widżetów.

cTrader Web, Twoje strategie, Pojedyncza strategia, Wiele strategii, Wykres rynku

Kod osadzania dla widgetów cTrader Web, Wykres rynku, Twoje strategie, Pojedyncza strategia i Wiele strategii wygląda następująco:

 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>

Każdy parametr i argument funkcji jest zdefiniowany w następujący sposób.

Nazwa Definicje i wartości
div id "ctrader-root". To jest unikalny identyfikator do osadzania widgetu w zasobie internetowym.
style "width: {number}%, height: {number}%". Względna szerokość i wysokość osadzonego bloku (względem rozmiaru kontenera nadrzędnego). Należy pamiętać, że właściwość display elementu nadrzędnego musi być ustawiona na display: block.
type...defer "text/javascript". Dyrektywa, która określa, że osadzony blok zawiera JavaScript w formacie tekstowym. Atrybut defer określa, że skrypt powinien zostać wykonany dopiero po zakończeniu analizowania całego kodu HTML zasobu, w którym osadzony jest blok.
'runPlugin' Nazwa skryptu do wykonania.
'ctrader-plugin-root Nazwa elementu do osadzenia.
"route" Adres URL elementu do osadzenia względem podstawowego adresu URL cTrader Web.
"appConfig" Konfiguracja osadzonego elementu. Możliwe wartości znajdują się w poniższych wierszach.
"chart":{"initialChartLayout":"Single"}" Początkowy tryb wykresów widgetu cTrader Web. "initialChartLayout" można ustawić na "Single", "Multi" lub "Free".
"strategy":{"showStrategyPromotion":false} Konfiguracja, która określa, czy blok Promocja strategii jest wyświetlany dla widgetów Twoje strategie lub Dowolne strategie.

Ostrzeżenie

Ustawienie parametru style tych widgetów jest obowiązkowe przed osadzeniem ich w zasobie internetowym; w przeciwnym razie widgety nie będą wyświetlane. Możesz określić tylko width i height widgetów i pozostawić wszystkie inne atrybuty puste.