Zum Inhalt

Einbettungscodes

Diese Seite enthält detaillierte Informationen über die Struktur der Einbettungscodes für verschiedene Widgets.

cTrader Web, Ihre Strategien, Einzelne Strategie, Mehrere Strategien, Markt-Chart

Der Einbettungscode für die Widgets cTrader Web, Markt-Chart, Ihre Strategien, Einzelne Strategie und Mehrere Strategien sieht wie folgt aus:

 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>

Jeder Parameter und jedes Funktionsargument ist wie folgt definiert.

Name Definitionen und Werte
div id "ctrader-root". Dies ist die eindeutige Kennung für die Einbettung des Widgets in eine Webressource.
style "width: {number}%, height: {number}%". Die relative Breite und Höhe des eingebetteten Blocks (relativ zur Größe des übergeordneten Containers). Beachten Sie, dass die Eigenschaft display des übergeordneten Elements auf display: block gesetzt sein muss.
type...defer "text/javascript". Die Direktive, die besagt, dass der eingebettete Block JavaScript im Textformat enthält. Das Attribut defer besagt, dass das Skript erst ausgeführt werden soll, nachdem der Browser das gesamte HTML der Ressource, in die der Block eingebettet ist, vollständig geparst hat.
'runPlugin' Der Name des auszuführenden Skripts.
'ctrader-plugin-root Der Name des einzubettenden Elements.
"route" Die URL des einzubettenden Elements relativ zur Basis-URL von cTrader Web.
"appConfig" Die Konfiguration des eingebetteten Elements. Mögliche Werte finden Sie in den folgenden Zeilen.
"chart":{"initialChartLayout":"Single"}" Der anfängliche Chartmodus des Widgets cTrader Web. "initialChartLayout" kann auf "Single", "Multi" oder "Free" gesetzt werden.
"strategy":{"showStrategyPromotion":false} Die Konfiguration, die bestimmt, ob der Block Strategieangebot für die Widgets Ihre Strategien oder Beliebige Strategien angezeigt wird.

Warnung

Das Festlegen des Parameters style dieser Widgets ist vor der Einbettung auf Ihrer Webressource obligatorisch; andernfalls werden die Widgets nicht angezeigt. Sie können nur die width und height von Widgets angeben und alle anderen Attribute leer lassen.