ข้ามไปที่เนื้อหา

โค้ดแบบฝังตัว

หน้านี้มีข้อมูลโดยละเอียดเกี่ยวกับโครงสร้างของโค้ดแบบฝังตัวสำหรับวิดเจ็ตต่างๆ

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 ของวิดเจ็ตและปล่อยให้แอตทริบิวต์อื่นๆ ทั้งหมดว่างเปล่าได้