โค้ดแบบฝังตัว
หน้านี้มีข้อมูลโดยละเอียดเกี่ยวกับโครงสร้างของโค้ดแบบฝังตัวสำหรับวิดเจ็ตต่างๆ
cTrader Web, กลยุทธ์ของคุณ, กลยุทธ์เดี่ยว, กลยุทธ์หลายรายการ, กราฟตลาด
โค้ดแบบฝังตัวสำหรับวิดเจ็ต cTrader Web, กราฟตลาด, กลยุทธ์ของคุณ, กลยุทธ์เดี่ยว และ กลยุทธ์หลายรายการ มีลักษณะดังต่อไปนี้:
| <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>
|
| <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>
|
| <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>
|
| <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>
|
| <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 ของวิดเจ็ตและปล่อยให้แอตทริบิวต์อื่นๆ ทั้งหมดว่างเปล่าได้