![Animation's background](./assets/images/headers-img/basic_shape@0.5x.png)
วิดเจ็ต
วิดเจ็ตเป็นวิธีที่ชาญฉลาดในการสร้างให้ผู้ชมมีส่วนร่วมกับเว็บไซต์ของคุณ เหมาะสำหรับเว็บไซต์ บล็อก และฟอรัม
เลือกวิดเจ็ตของคุณ
รับฟังก์ชันที่ยอดเยี่ยมและโควตแบบเรียลไทม์บนเว็บไซต์ของคุณโดยตรง ให้ข้อมูลเชิงลึกแก่ผู้ใช้ของคุณในตลาดโดยปราศจากการผสานรวมที่ซับซ้อน ปรับแต่งวิดเจ็ต และเลือกสิ่งที่จะแสดงต่อผู้ชมของคุณ
เข้าร่วมเป็นพันธมิตรและรับรายได้ด้วยวิดเจ็ต!
สมัครลงทะเบียนโปรแกรมพันธมิตรของเราและฝังลิงก์พันธมิตรในวิดเจ็ตของเรา มันเป็นวิธีสร้างรายได้ที่ง่ายและสะดวก ปล่อยให้ผู้ชมทำเงินให้คุณ
คำถามที่พบบ่อย
1. วิดเจ็ตไม่ปรับขนาดให้เหมาะกับขนาดหน้าจอที่แตกต่างกัน ฉันควรทำอย่างไรดี?
ใช้การตั้งค่าการปรับขนาดอัตโนมัติ เมื่อเปิดใช้งานการปรับขนาดอัตโนมัติ วิดเจ็ตจะใช้ความกว้างและ/หรือความสูงขององค์ประกอบแวดล้อม 100% การตั้งค่าความสูงเฉพาะขององค์ประกอบหลักเพื่อให้วิดเจ็ตทำงานอย่างถูกต้องเป็นสิ่งที่สำคัญ
2. ฉันสามารถใช้วิดเจ็ตบนเว็บไซต์ที่ใช้ Angular 2 และเวอร์ชันที่สูงกว่าของเฟรมเวิร์กนี้ได้หรือไม่?
ได้ นี่คือคำแนะนำบางส่วน:
window.sfx('marketOverview', {
- คัดลอกและวางสคริปต์วิดเจ็ตลงสักที่บนหน้า:
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - สร้างองค์ประกอบคอนเทนเนอร์ด้วย ID แอตทริบิวต์ที่กำหนด
- เมื่อองค์ประกอบคอนเทนเนอร์ถูกเรนเดอร์ และคุณต้องการให้วิดเจ็ตแสดงฟังก์ชันการเรียก (เช่นใน ngAfterViewInit Angular hook) window.sfx() นอกเหนือจากการตั้งค่าอื่น ๆ ต้องมีตัวเลือก containerId ในรายการพารามิเตอร์ ต้องมีค่า ID แอตทริบิวต์คอนเทนเนอร์ที่สร้างไว้ก่อนหน้านี้
window.sfx('marketOverview', {
containerId: 'sfx-market-overview',
language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
})language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
3. ฉันสามารถใช้วิดเจ็ตบนเว็บไซต์ React ได้หรือไม่?
ได้ นี่คือคำแนะนำบางส่วน:
window.sfx('marketOverview', {
- คัดลอกและวางสคริปต์วิดเจ็ตลงสักที่บนหน้า:
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - สร้างองค์ประกอบคอนเทนเนอร์ด้วย ID แอตทริบิวต์ที่กำหนด
- เมื่อองค์ประกอบคอนเทนเนอร์ถูกเรนเดอร์ และคุณต้องการให้วิดเจ็ตแสดงฟังก์ชันการเรียก (เช่นใน componentDidMount lifecycle method) window.sfx() นอกเหนือจากการตั้งค่าอื่น ๆ ต้องมีตัวเลือก containerId ในรายการพารามิเตอร์ ต้องมีค่า ID แอตทริบิวต์คอนเทนเนอร์ที่สร้างไว้ก่อนหน้านี้
window.sfx('marketOverview', {
containerId: 'sfx-market-overview',
language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
})language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
4. ทำไมโค้ดแบบฝังตัวไม่ทำงาน?
เป็นไปได้สูงว่าปัญหาอาจเกิดขึ้นจากการพยายามใส่โค้ด raw แบบไดนามิก ซึ่งบังคับให้เบราว์เซอร์บล็อกการทำงานของสคริปต์ที่ฝังอยู่ สิ่งนี้อาจเกิดขึ้นเมื่อเกิดการป้อนโค้ดผ่าน InnerHTML เป็นต้น การพยายามป้อนโค้ดแบบไดนามิกด้วยวิธีการของบางไลบรารี (เช่น jQuery) อาจขัดขวางการเริ่มต้นของวิดเจ็ตที่เหมาะสม หากคุณกำลังฝังโค้ดในเว็บไซต์ที่ขับเคลื่อนโดยโครงสร้างพื้นฐานของบุคคลที่สาม โปรดตรวจสอบให้แน่ใจว่าได้ทำตามคำแนะนำหรือขอความช่วยเหลือจากผู้พัฒนาแพลตฟอร์ม