Vai al contenuto

Codici embed

Questa pagina contiene informazioni dettagliate sulla struttura dei codici embed per i diversi widget.

cTrader Web, Le tue strategie, Strategia singola, Strategie multiple, Grafico di mercato

Il codice embed per i widget cTrader Web, Grafico di mercato, Le tue strategie, Strategia singola e Strategie multiple è il seguente:

 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>

Ogni parametro e argomento della funzione è definito come segue.

Nome Definizioni e valori
div id "ctrader-root". Questo è l'identificatore univoco per incorporare il widget in una risorsa web.
style "width: {number}%, height: {number}%". La larghezza e l'altezza relative del blocco incorporato (relative alle dimensioni del contenitore principale). Tieni presente che la proprietà display dell'elemento principale deve essere impostata su display: block.
type...defer "text/javascript". La direttiva che indica che il blocco incorporato contiene JavaScript in formato testo. L'attributo defer indica che lo script deve essere eseguito solo dopo che il browser ha terminato l'analisi dell'intero HTML della risorsa in cui è incorporato il blocco.
'runPlugin' Il nome dello script da eseguire.
'ctrader-plugin-root Il nome dell'elemento da incorporare.
"route" L'URL dell'elemento da incorporare relativo all'URL di base di cTrader Web.
"appConfig" La configurazione dell'elemento incorporato. Per i valori possibili, consulta le righe seguenti.
"chart":{"initialChartLayout":"Single"}" La modalità grafico iniziale del widget cTrader Web. "initialChartLayout" può essere impostato su "Single", "Multi" o "Free".
"strategy":{"showStrategyPromotion":false} La configurazione che determina se il blocco Promozione strategia viene mostrato per i widget Le tue strategie o Qualsiasi strategia.

Avvertenza

L'impostazione del parametro style di questi widget è obbligatoria prima di incorporarli nella tua risorsa web; in caso contrario, i widget non verranno visualizzati. Puoi specificare solo width e height dei widget e lasciare vuoti tutti gli altri attributi.