Перейти к содержанию

Коды для встраивания

Эта страница содержит подробную информацию о структуре кодов для встраивания различных виджетов.

cTrader Web, Ваши стратегии, Одна стратегия, Несколько стратегий, Рыночный график

Код для встраивания виджетов cTrader Web, Рыночный график, Ваши стратегии, Одна стратегия и Несколько стратегий выглядит следующим образом:

 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>

Каждый параметр и аргумент функции определяется следующим образом.

Имя Определения и значения
div id "ctrader-root". Это уникальный идентификатор для встраивания виджета в веб-ресурс.
style "width: {number}%, height: {number}%". Относительная ширина и высота встраиваемого блока (относительно размера родительского контейнера). Обратите внимание, что свойство display родительского элемента должно быть установлено как display: block.
type...defer "text/javascript". Директива, которая указывает, что встраиваемый блок содержит JavaScript в текстовом формате. Атрибут defer указывает, что скрипт должен выполняться только после того, как браузер завершит разбор всего HTML ресурса, в который встроен блок.
'runPlugin' Имя скрипта, который должен быть выполнен.
'ctrader-plugin-root Имя элемента для встраивания.
"route" URL элемента для встраивания относительно базового URL cTrader Web.
"appConfig" Конфигурация встраиваемого элемента. Возможные значения см. в следующих строках.
"chart":{"initialChartLayout":"Single"}" Начальный режим графика виджета cTrader Web. "initialChartLayout" может быть установлен как "Single", "Multi" или "Free".
"strategy":{"showStrategyPromotion":false} Конфигурация, которая определяет, отображается ли блок Продвижение стратегии для виджетов Ваши стратегии или Любые стратегии.

Предупреждение

Установка параметра style для этих виджетов обязательна перед их встраиванием на ваш веб-ресурс; в противном случае виджеты не будут отображаться. Вы можете указать только width и height виджетов и оставить все остальные атрибуты пустыми.