Ir para o conteúdo

Códigos incorporados

Esta página contém informações detalhadas sobre a estrutura dos códigos incorporados para diferentes widgets.

cTrader Web, As Suas Estratégias, Estratégia Única, Múltiplas Estratégias, Gráfico do mercado

O código incorporado para os widgets cTrader Web, Gráfico do mercado, As Suas Estratégias, Estratégia Única e Múltiplas Estratégias tem o seguinte aspeto:

 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>

Cada parâmetro e argumento de função é definido da seguinte forma.

Nome Definições e valores
div id "ctrader-root". Este é o identificador único para incorporar o widget num recurso web.
style "width: {number}%, height: {number}%". A largura e altura relativas do bloco incorporado (em relação ao tamanho do contentor pai). Note que a propriedade display do elemento pai tem de ser definida como display: block.
type...defer "text/javascript". A diretiva que declara que o bloco incorporado contém JavaScript em formato de texto. O atributo defer declara que o script só deve ser executado após o navegador terminar de analisar todo o HTML do recurso onde o bloco está incorporado.
'runPlugin' O nome do script a ser executado.
'ctrader-plugin-root O nome do elemento a incorporar.
"route" O URL do elemento a incorporar em relação ao URL base do cTrader Web.
"appConfig" A configuração do elemento incorporado. Para valores possíveis, consulte as linhas seguintes.
"chart":{"initialChartLayout":"Single"}" O modo de gráfico inicial do widget cTrader Web. O "initialChartLayout" pode ser definido como "Single", "Multi" ou "Free".
"strategy":{"showStrategyPromotion":false} A configuração que determina se o bloco Promoção da estratégia é mostrado para os widgets As Suas Estratégias ou Quaisquer Estratégias.

Aviso

A definição do parâmetro style destes widgets é obrigatória antes de os incorporar no seu recurso web; caso contrário, os widgets não serão exibidos. Só pode especificar a width e height dos widgets e deixar todos os outros atributos em branco.