Saltar a contenido

Códigos incorporados

Esta página contiene información detallada sobre la estructura de los códigos incorporados para diferentes widgets.

cTrader Web, Sus estrategias, Estrategia única, Múltiples estrategias, Gráfico de mercado

El código incorporado para los widgets cTrader Web, Gráfico de mercado, Sus estrategias, Estrategia única y Múltiples estrategias se ve de la siguiente manera:

 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 y argumento de función se define de la siguiente manera.

Nombre Definiciones y valores
div id "ctrader-root". Este es el identificador único para incorporar el widget en un recurso web.
style "width: {number}%, height: {number}%". El ancho y alto relativos del bloque incorporado (en relación con el tamaño del contenedor padre). Tenga en cuenta que la propiedad display del elemento padre debe establecerse en display: block.
type...defer "text/javascript". La directiva que indica que el bloque incorporado contiene JavaScript en formato de texto. El atributo defer indica que el script solo debe ejecutarse después de que el navegador termine de analizar todo el HTML del recurso donde se incorpora el bloque.
'runPlugin' El nombre del script que se ejecutará.
'ctrader-plugin-root El nombre del elemento a incorporar.
"route" La URL del elemento a incorporar relativa a la URL base de cTrader Web.
"appConfig" La configuración del elemento incorporado. Para los valores posibles, consulte las siguientes filas.
"chart":{"initialChartLayout":"Single"}" El modo de gráfico inicial del widget cTrader Web. El "initialChartLayout" se puede establecer en "Single", "Multi" o "Free".
"strategy":{"showStrategyPromotion":false} La configuración que determina si se muestra el bloque Promoción de estrategia para los widgets Sus estrategias o Cualquier estrategia.

Advertencia

Es obligatorio establecer el parámetro style de estos widgets antes de incorporarlos en su recurso web; de lo contrario, los widgets no se mostrarán. Solo puede especificar el width y height de los widgets y dejar todos los demás atributos en blanco.