Bitculator
Bitculator · การฝัง · v1

วิดเจ็ตฝังในเว็บ

นำเครื่องมือคริปโตแบบเรียลไทม์ของ Bitculator ไปวางบนเว็บไซต์ของคุณได้โดยตรงด้วย <iframe> เพียงบรรทัดเดียว - ทั้งกราฟราคาเรียลไทม์ ตัวแปลงค่า ตัวพลิกมูลค่าตลาด และเครื่องคำนวณอีก 6 ตัว ไม่ต้องใช้ SDK ไม่ต้องมีขั้นตอนบิลด์

วิดเจ็ต 9 รายการ คีย์ embed + โดเมน โหมดไม่ระบุตัวตน

วิดเจ็ตทุกตัวคือหน้าเว็บที่สมบูรณ์ในตัวภายใต้ /{locale}/embed/… ซึ่งคุณนำไปวางบนเว็บไซต์ได้ด้วย <iframe> มันแสดงข้อมูลตลาดแบบเรียลไทม์ของ Bitculator - ฟีดเดียวกับที่แอปใช้ - และไม่ต้องใช้ JavaScript ฝั่งคุณเลย

วางไว้ตรงไหนก็ได้ - ไม่ต้องมีแท็ก script:

<iframe src="https://bitculator.com/th/embed/converter/bitcoin/usd?embed_key=YOUR_EMBED_KEY"
        title="Bitculator converter" loading="lazy"
        width="100%" height="470" style="border:0;border-radius:12px"></iframe>

เพิ่มคีย์ embedของคุณเป็นพารามิเตอร์ใน query แล้วลงทะเบียนโดเมนที่คุณจะฝังวิดเจ็ต (ทั้งสองอย่างทำได้ในคอนโซลนักพัฒนา) การฝังแบบไม่มีคีย์ก็ใช้งานได้ในโหมดไม่ระบุตัวตน - สะดวกสำหรับการทดลองอย่างรวดเร็ว - แต่จำกัดต่อ IP ของผู้เข้าชม วิดเจ็ตทุกตัวเคารพค่า {locale} ใน URL และทำตามคุกกี้ theme (หรือ ?theme=dark)

Content-Security-Policy

เว็บไซต์ของคุณตั้งค่า Content-Security-Policy ไว้ใช่ไหม ให้เพิ่ม https://bitculator.com ลงใน frame-src (และ child-src สำหรับเบราว์เซอร์รุ่นเก่า) เพื่อให้วิดเจ็ตโหลดได้ ฝั่งเราไม่ต้องแก้อะไร - Bitculator อนุญาตให้ฝังบนโดเมนใดก็ได้อยู่แล้ว

Content-Security-Policy: frame-src https://bitculator.com

ตัวสร้างโค้ดสำหรับฝัง

เลือกวิดเจ็ตและตัวเลือกของมัน - โค้ดสำหรับฝังจะอัปเดตตามไปด้วย คัดลอกโค้ดไปใช้ หรือเปิดตัวอย่างสดในแท็บใหม่

โค้ดสำหรับฝัง เปิดตัวอย่าง

                    

แสดงผลจริงในโหมดไม่ระบุตัวตน

การยืนยันตัวตน

คีย์ embed คือโทเค็นที่มีสิทธิ์ api ซึ่งสร้างขึ้นในคอนโซลนักพัฒนา ของคุณ ต่างจากคีย์ Data API ตรงที่มันเดินทางไปกับURL ของ iframe ในรูปพารามิเตอร์ query - ไม่ใช่ header - จึงเป็นข้อมูลสาธารณะโดยการออกแบบ คีย์นี้มีเพียงสิทธิ์ api เท่านั้น ส่วนคีย์ data-api ที่ใช้ได้เฉพาะแบบ Bearer จะถูกปฏิเสธที่นี่ เพื่อไม่ให้รั่วไหลไปอยู่ใน referer หรือบันทึกล็อก

ส่งคีย์ในรูป ?embed_key=… (หรือชื่อพ้อง ?api_key=…) คำขอที่มีคีย์ต้องมาจากโดเมนในรายการที่อนุญาตด้วย (ดูด้านล่าง) หากคุณเข้าสู่ระบบ Bitculator อยู่ในเบราว์เซอร์เดียวกัน ระบบจะข้ามการตรวจคีย์สำหรับเซสชันของคุณเอง

โดเมน

การฝังที่ใช้คีย์จะแสดงผลเฉพาะบนโดเมนที่คุณลงทะเบียนไว้ Bitculator อ่านค่า Referer ของหน้าที่ฝัง (ถ้าไม่มีจะใช้ Origin แทน) แล้วทำให้เป็นรูปแบบมาตรฐาน (แปลงเป็นตัวพิมพ์เล็ก ตัด www. และจุดท้ายสุดออก) จากนั้นจับคู่แบบตรงทุกตัวอักษรกับรายการที่อนุญาตของคุณ โฮสต์ที่ไม่ได้ลงทะเบียนหรืออ่านค่าไม่ได้จะได้รับ 403

จัดการโดเมนได้ในคอนโซลนักพัฒนา แต่ละแพ็กเกจอนุญาตจำนวนโดเมนต่างกัน (ดูด้านล่าง) เนื่องจาก Referer/Origin ถูกกำหนดโดยเบราว์เซอร์ของผู้เข้าชมและปลอมแปลงได้ รายการที่อนุญาตจึงเป็นเพียงเกราะกันการนำคีย์ไปใช้ซ้ำแบบไม่จริงจัง ไม่ใช่หลักฐานเชิงวิทยาการเข้ารหัส - ให้ถือว่าคีย์เป็นข้อมูลสาธารณะเสมอ ส่วนการฝังแบบไม่ระบุตัวตน (ไม่มีคีย์) ไม่มีการจำกัดโดเมน แต่จำกัดต่อ IP แทน

โควตาและขีดจำกัด

การฝังใช้โควตารายเดือนที่แยกขาดจาก Data API อย่างสิ้นเชิง - มีแพ็กเกจของตัวเองและตัวนับของตัวเอง การโหลดแบบไม่ระบุตัวตนนับต่อ IP ของผู้เข้าชม (1,000 ครั้ง/เดือน) ส่วนการโหลดที่ใช้คีย์นับรวมในขีดจำกัดรายเดือนของแพ็กเกจคุณ แพ็กเกจ Free รีเซ็ตตามเดือนปฏิทิน ส่วนแพ็กเกจแบบชำระเงินรีเซ็ตตามวันเรียกเก็บเงินของคุณ

*การตอบกลับของการฝังไม่มีเฮดเดอร์ `X-Quota-** - เป็นความตั้งใจ เพื่อไม่ให้ตัวเลขโควตารั่วไหลไปยังหน้าเว็บของผู้เข้าชม ให้ดูการใช้งานของคุณใน[คอนโซลนักพัฒนา](/user/developer/api) แทน (เฮดเดอร์X-Quota-*` ที่คุณอาจเคยเห็นมีเฉพาะบน Data API เท่านั้น)

เกินขีดจำกัด

เมื่อวิดเจ็ตใช้เกินโควตา ระบบจะคืนค่า 429 ใน iframe ของเบราว์เซอร์จะเป็นหน้าเล็กๆ ที่จัดรูปแบบไว้ว่า "ใช้งานถึงขีดจำกัดแล้ว" (เลย์เอาต์ของคุณจึงไม่พัง) ส่วนผู้เรียกแบบ JSON จะได้รับ {"message", "limit", "used"} หากต้องการเพิ่ม ให้ใส่คีย์หรืออัปเกรดแพ็กเกจ

แพ็กเกจ

แพ็กเกจการฝังแยกจากแพ็กเกจ Data API ของคุณ ทุกบัญชีเริ่มต้นที่ Free ส่วนผู้เข้าชมที่ไม่มีคีย์จะได้ระดับไม่ระบุตัวตน

แพ็กเกจ การโหลด / เดือน โดเมน คีย์
Free 10,000 1 2
Starter 50,000 3 5
Pro 500,000 10 10
ไม่ระบุตัวตน 1,000 ต่อ IP - -

ไม่ระบุตัวตนคือระดับที่ไม่ใช้คีย์ - ไม่มีโดเมนหรือคีย์ และจำกัดต่อ IP ของผู้เข้าชม อัปเกรดได้ในคอนโซลนักพัฒนา

วิดเจ็ต

วิดเจ็ตพร้อมใช้ 9 ตัว คัดลอกโค้ด ใส่คีย์ของคุณ ลงทะเบียนโดเมน - เสร็จ ส่วนของพาธ (เช่น slug ของเหรียญ) อ้างอิงจาก slug ของสินทรัพย์และต้องเป็นตลาดที่ใช้งานอยู่ วิดเจ็ตทุกตัวยังรับพารามิเตอร์ query ร่วมด้านล่างนี้ด้วย

GET

ตัวแปลงค่าสกุลเงิน

/{locale}/embed/converter/bitcoin/usd

แปลงจำนวนเงินระหว่างสินทรัพย์คริปโตหรือเงินเฟียตคู่ใดก็ได้ที่อัตราตลาดสด พร้อมตารางเปรียบเทียบที่เลือกแสดงได้

โค้ดสำหรับฝัง เปิดตัวอย่าง
<iframe src="https://bitculator.com/th/embed/converter/bitcoin/usd?embed_key=YOUR_EMBED_KEY"
        title="Bitculator converter" loading="lazy"
        width="100%" height="470" style="border:0;border-radius:12px"></iframe>
พารามิเตอร์ อยู่ใน ค่าเริ่มต้น
fromสินทรัพย์ต้นทางที่จะแปลงค่า ระบุด้วย slug (ต้องเป็นตลาดที่ใช้งานอยู่) พาธ -
toสินทรัพย์ปลายทางที่จะแปลงค่า ระบุด้วย slug (ต้องเป็นตลาดที่ใช้งานอยู่) พาธ -
hideTableซ่อนตารางเปรียบเทียบและแสดงเฉพาะตัวแปลงค่า query false
compactแสดงผลแบบกะทัดรัดโดยลดระยะห่างลง - เหมาะกับคอลัมน์แคบ query false
ตัวอย่างสด
GET

กราฟประวัติราคา

/{locale}/embed/zoom/bitcoin

ราคาย้อนหลังทั้งหมดของเหรียญในรูปกราฟแบบโต้ตอบได้ พร้อมตัวเลือกตลาดอันดับต้นตามมูลค่าตลาด

โค้ดสำหรับฝัง เปิดตัวอย่าง
<iframe src="https://bitculator.com/th/embed/zoom/bitcoin?embed_key=YOUR_EMBED_KEY"
        title="Bitculator price chart" loading="lazy"
        width="100%" height="460" style="border:0;border-radius:12px"></iframe>
พารามิเตอร์ อยู่ใน ค่าเริ่มต้น
slugเหรียญหรือโทเค็นที่จะแสดงกราฟ ระบุด้วย slug (ต้องเป็นตลาดที่ใช้งานอยู่) พาธ -
compactแสดงผลแบบกะทัดรัดโดยลดระยะห่างลง - เหมาะกับคอลัมน์แคบ query false
ตัวอย่างสด
GET

ตัวพลิกมูลค่าตลาด

/{locale}/embed/flip/bitcoin/ethereum

"การพลิกแซง" - ราคาของสินทรัพย์หนึ่งจะเป็นเท่าใดหากมีมูลค่าตลาดเท่ากับอีกสินทรัพย์ พร้อมตัวคูณที่ได้

โค้ดสำหรับฝัง เปิดตัวอย่าง
<iframe src="https://bitculator.com/th/embed/flip/bitcoin/ethereum?embed_key=YOUR_EMBED_KEY"
        title="Bitculator marketcap flipper" loading="lazy"
        width="100%" height="460" style="border:0;border-radius:12px"></iframe>
พารามิเตอร์ อยู่ใน ค่าเริ่มต้น
entity1สินทรัพย์ที่ราคาจะถูกคำนวณใหม่ ระบุด้วย slug (ต้องเป็นตลาดที่ใช้งานอยู่) พาธ -
entity2สินทรัพย์ที่จะนำมูลค่าตลาดมาใช้ ระบุด้วย slug (ต้องเป็นตลาดที่ใช้งานอยู่) พาธ -
compactแสดงผลแบบกะทัดรัดโดยลดระยะห่างลง - เหมาะกับคอลัมน์แคบ query false
ตัวอย่างสด
GET

ตัวจำลอง DCA

/{locale}/embed/dca

การซื้อเหรียญซ้ำทุกสัปดาห์ตลอด 5 ปีที่ผ่านมาจะสะสมได้เท่าใดและให้ผลตอบแทนเท่าใด

โค้ดสำหรับฝัง เปิดตัวอย่าง
<iframe src="https://bitculator.com/th/embed/dca?embed_key=YOUR_EMBED_KEY"
        title="Bitculator DCA simulator" loading="lazy"
        width="100%" height="560" style="border:0;border-radius:12px"></iframe>
พารามิเตอร์ อยู่ใน ค่าเริ่มต้น
compactแสดงผลแบบกะทัดรัดโดยลดระยะห่างลง - เหมาะกับคอลัมน์แคบ query false
ตัวอย่างสด
GET

เครื่องคำนวณกำไร

/{locale}/embed/profit

กำไรสุทธิ ขาดทุน และ ROI จากราคาซื้อ ราคาขาย จำนวน และค่าธรรมเนียม

โค้ดสำหรับฝัง เปิดตัวอย่าง
<iframe src="https://bitculator.com/th/embed/profit?embed_key=YOUR_EMBED_KEY"
        title="Bitculator profit calculator" loading="lazy"
        width="100%" height="560" style="border:0;border-radius:12px"></iframe>
พารามิเตอร์ อยู่ใน ค่าเริ่มต้น
compactแสดงผลแบบกะทัดรัดโดยลดระยะห่างลง - เหมาะกับคอลัมน์แคบ query false
ตัวอย่างสด
GET

เครื่องคำนวณดอกเบี้ย

/{locale}/embed/interest

คาดการณ์มูลค่าในอนาคตของสินทรัพย์ที่ถือครองจากเงินต้นตั้งต้น อัตราดอกเบี้ย และความถี่ในการทบต้น

โค้ดสำหรับฝัง เปิดตัวอย่าง
<iframe src="https://bitculator.com/th/embed/interest?embed_key=YOUR_EMBED_KEY"
        title="Bitculator interest calculator" loading="lazy"
        width="100%" height="560" style="border:0;border-radius:12px"></iframe>
พารามิเตอร์ อยู่ใน ค่าเริ่มต้น
compactแสดงผลแบบกะทัดรัดโดยลดระยะห่างลง - เหมาะกับคอลัมน์แคบ query false
ตัวอย่างสด
GET

เครื่องคำนวณภาษี

/{locale}/embed/tax

ประเมินจำนวนเงินที่ต้องเสียภาษีและภาษีที่ต้องชำระ ทั้งจากกำไรการเทรด การขุด การ stake แอร์ดรอป และผลตอบแทน

โค้ดสำหรับฝัง เปิดตัวอย่าง
<iframe src="https://bitculator.com/th/embed/tax?embed_key=YOUR_EMBED_KEY"
        title="Bitculator tax calculator" loading="lazy"
        width="100%" height="580" style="border:0;border-radius:12px"></iframe>
พารามิเตอร์ อยู่ใน ค่าเริ่มต้น
compactแสดงผลแบบกะทัดรัดโดยลดระยะห่างลง - เหมาะกับคอลัมน์แคบ query false
ตัวอย่างสด
GET

เครื่องคำนวณสินเชื่อ

/{locale}/embed/loan

จำลองสินเชื่อคริปโต - ยอดผ่อนชำระ ดอกเบี้ยรวม และตารางการตัดชำระ

โค้ดสำหรับฝัง เปิดตัวอย่าง
<iframe src="https://bitculator.com/th/embed/loan?embed_key=YOUR_EMBED_KEY"
        title="Bitculator loan calculator" loading="lazy"
        width="100%" height="580" style="border:0;border-radius:12px"></iframe>
พารามิเตอร์ อยู่ใน ค่าเริ่มต้น
compactแสดงผลแบบกะทัดรัดโดยลดระยะห่างลง - เหมาะกับคอลัมน์แคบ query false
ตัวอย่างสด
GET

เครื่องคำนวณการ stake

/{locale}/embed/staking

ประเมินรางวัลจากการ stake ตามจำนวนที่ stake อัตรา APR/APY และระยะเวลา

โค้ดสำหรับฝัง เปิดตัวอย่าง
<iframe src="https://bitculator.com/th/embed/staking?embed_key=YOUR_EMBED_KEY"
        title="Bitculator staking calculator" loading="lazy"
        width="100%" height="520" style="border:0;border-radius:12px"></iframe>
พารามิเตอร์ อยู่ใน ค่าเริ่มต้น
compactแสดงผลแบบกะทัดรัดโดยลดระยะห่างลง - เหมาะกับคอลัมน์แคบ query false
ตัวอย่างสด