วาง URL เลือกความกว้างและความสูง เปิดหรือปิดตัวเลือกบางอย่าง แล้วคัดลอก HTML สำหรับฝัง <iframe> ที่พร้อมใช้งาน — สำหรับหน้า Knocket วิดีโอ แผนที่ หรือสิ่งใดก็ตามที่เบราว์เซอร์แสดงได้ ดูตัวอย่างแบบสด แล้ววางโค้ดลงในเว็บไซต์ของคุณ ไม่ต้องเข้าสู่ระบบและไม่มีการจัดเก็บข้อมูล
หน้าตัวอย่างว่างเปล่าหรือ? เว็บไซต์บล็อกการฝังเนื้อหา — แต่โค้ดยังคงถูกต้อง
สิ่งที่มีประโยชน์ที่สุดสำหรับการฝังคือหน้าที่ช่วยให้ผู้คนติดต่อคุณได้ หน้าติดต่อ Knocket ฟรีได้รับการออกแบบมาเพื่อการฝังโดยเฉพาะ เพียงวางลงบนเว็บไซต์ของคุณ ผู้เยี่ยมชมก็สามารถใช้แชตสด, WhatsApp, อีเมล และการจองได้ โดยที่คุณไม่ต้องเขียนแบบฟอร์มหรือระบบหลังบ้าน สร้างหน้าฟรีของคุณ →
การฝังหน้าเว็บหนึ่งไว้ภายในอีกหน้าเป็นหนึ่งในองค์ประกอบพื้นฐานที่เก่าแก่ที่สุดของเว็บ แต่การเขียนแท็ก <iframe> ด้วยตนเองให้มีความกว้างที่เหมาะสม มีชื่อสำหรับโปรแกรมอ่านหน้าจอ รองรับการโหลดแบบ Lazy Loading และมี Sandbox ที่ปลอดภัยนั้นยุ่งยากและผิดพลาดได้ง่าย เครื่องมือสร้างจะทำให้ถูกต้องทุกครั้งและแสดงผลลัพธ์ให้คุณเห็นก่อนเผยแพร่
ใน บล็อก HTML แบบกำหนดเอง ใน WordPress, Code Embed ใน Wix, บล็อก Embed ใน Squarespace หรือใส่ลงใน HTML ของเว็บไซต์โดยตรง สำหรับเลย์เอาต์ React/Astro ให้แทรก <iframe> ผ่านองค์ประกอบ HTML ดิบ แท็กนี้ทำงานได้ด้วยตัวเอง โดยไม่ต้องโหลดสคริปต์หรือสไตล์ชีต
iframe เหมาะอย่างยิ่งสำหรับการแสดงหน้าอื่นภายในหน้าของคุณ แต่ ไม่ใช่ เครื่องมือที่เหมาะสมเมื่อคุณต้องการ:
X-Frame-Options: DENY — Google, Instagram และหน้าเข้าสู่ระบบส่วนใหญ่ไม่อนุญาตให้แสดงในเฟรมหากต้องการประสบการณ์การติดต่อที่ทำงานบนเว็บไซต์ของคุณโดยตรง (ไม่มี iframe ใช้โดเมนและรูปแบบของคุณเอง) เพียงเพิ่มแท็กสคริปต์เดียวสำหรับวิดเจ็ต Knocket
ได้ — ฟรีโดยสมบูรณ์ ไม่ต้องเข้าสู่ระบบ และไม่จำกัด HTML จะถูกสร้างขึ้นในเบราว์เซอร์ของคุณ โดยไม่มีการอัปโหลดหรือจัดเก็บข้อมูล สร้างโค้ดฝังได้มากเท่าที่ต้องการ
เว็บไซต์ที่คุณกำลังฝังกำลังส่งส่วนหัว X-Frame-Options หรือ Content-Security-Policy ที่ปฏิเสธการแสดงผลในเฟรม Google, Instagram, Facebook และหน้าเว็บส่วนใหญ่ที่ต้องเข้าสู่ระบบจะทำเช่นนี้ โค้ดที่สร้างขึ้นยังคงถูกต้อง เพียงแต่เว็บไซต์ไม่อนุญาตให้ใครฝังเว็บไซต์ไว้ที่ใดก็ตาม หน้า Knocket และโปรแกรมเล่นวิดีโอส่วนใหญ่ (YouTube, Vimeo) อนุญาตให้ฝังได้
แอตทริบิวต์ sandbox จำกัดสิ่งที่หน้าที่ฝังไว้สามารถทำได้ เพื่อไม่ให้เนื้อหาฝังที่ไม่น่าเชื่อถือเปิดหน้าต่าง เรียกใช้แบบฟอร์ม หรือเข้าถึงหน้าของคุณได้ โหมดจำกัด (แนะนำ) อนุญาตให้เนื้อหาฝังเรียกใช้สคริปต์และแบบฟอร์ม แต่บล็อกสิ่งที่เป็นอันตราย ส่วนโหมดเข้มงวดอนุญาตเฉพาะสคริปต์ ปิดคุณสมบัตินี้สำหรับหน้าที่เชื่อถือได้และต้องการความสามารถเต็มรูปแบบ
แอตทริบิวต์ title บน iframe จะบอกโปรแกรมอ่านหน้าจอว่ามีอะไรอยู่ภายใน ซึ่งจำเป็นอย่างยิ่งต่อการช่วยการเข้าถึง หากไม่มีแอตทริบิวต์นี้ ผู้เข้าชมที่ใช้เทคโนโลยีสิ่งอำนวยความสะดวกจะได้ยินเพียงคำว่า "เฟรม" โดยไม่มีบริบท ควรกำหนดให้ใช้อธิบายเนื้อหาที่ฝังไว้เสมอ (เช่น "หน้าติดต่อ Knocket")
ใช้แบบ ตอบสนอง (ความกว้าง 100%) เมื่อต้องการให้เนื้อหาที่ฝังเต็มคอนเทนเนอร์ ซึ่งเหมาะกับเว็บไซต์สมัยใหม่ส่วนใหญ่ ใช้ ความกว้างและความสูงคงที่ เมื่อต้องการขนาดที่แน่นอน เช่น เครื่องเล่นวิดีโอหรือแผนที่สี่เหลี่ยมจัตุรัส โดยทั่วไปเนื้อหาฝังแบบตอบสนองจะใช้คู่กับตัวครอบอัตราส่วนภาพบนหน้าเว็บของคุณ
ใช่ loading="lazy" จะสั่งให้เบราว์เซอร์โหลด iframe เฉพาะเมื่อผู้ใช้เลื่อนเข้ามาใกล้ จึงช่วยให้หน้าเว็บเริ่มต้นของคุณโหลดเร็วขึ้น — มีประโยชน์อย่างยิ่งหากคุณฝังหลายรายการไว้ในหน้าเดียว
ไม่ ทุกอย่างทำงานในเบราว์เซอร์ของคุณ โดย URL ชื่อ และตัวเลือกต่าง ๆ จะไม่ออกจากอุปกรณ์ของคุณ ไม่มีเซิร์ฟเวอร์ ไม่มีฐานข้อมูล และไม่ต้องมีบัญชี
ได้ — และเหมาะอย่างยิ่ง หน้าติดต่อ Knocket ของคุณสร้างมาเพื่อฝังในเว็บไซต์โดยเฉพาะ ผู้เข้าชมสามารถใช้แชตสด, WhatsApp, อีเมล และการจองได้โดยตรงบนเว็บไซต์ของคุณ โดยไม่ต้องสร้างแบบฟอร์มหรือแบ็กเอนด์ วาง URL knocket.trtc.io/your-handle ของคุณแล้วคัดลอกโค้ด
สิ่งที่ดีที่สุดสำหรับการฝังคือสิ่งที่ช่วยให้ผู้คนติดต่อคุณได้ หน้า Knocket รวมไลฟ์แชต, WhatsApp, อีเมล และการจองไว้บนเว็บไซต์ใดก็ได้
สร้างหน้าฟรีของคุณ