iFrame Widgets

iFrame Widgets เป็นองค์ประกอบขนาดเล็กแบบโต้ตอบที่แสดงเนื้อหาหรือฟังก์ชันบางอย่างบนเว็บไซต์ของคุณ โดยไม่ต้องเขียนโปรแกรมที่ซับซ้อน กรณีของเรา iFrame Widgets จะแสดงโปรไฟล์โดยตรงบนหน้าของคุณ คุณสามารถฝังได้อย่างยืดหยุ่นในตำแหน่งใดก็ได้ และมอบภาพรวมโปรไฟล์โดยตรงให้ผู้เข้าชมโดยไม่ต้องออกจากแพลตฟอร์มของคุณ การฝังทำผ่าน JavaScript ทำให้ iFrame Widgets ผสานลงในดีไซน์เว็บไซต์ที่มีอยู่ได้อย่างไร้รอยต่อ การใช้ iFrames ช่วยให้เนื้อหาถูกโหลดแยกจากโครงสร้างหน้าอื่น ๆ และรับประกันการใช้งานที่ปลอดภัยและง่าย

การฝังวิดเจ็ตบนเว็บไซต์ของคุณทำผ่าน JavaScript ด้วยโค้ดเพียงไม่กี่บรรทัด คุณสามารถวางวิดเจ็ตในตำแหน่งที่ต้องการโดยการใส่แท็ก HTML ที่จัดเตรียมไว้ลงในโค้ด HTML ของหน้าของคุณได้เลย


    <script src="https://sta-cdn.paid.sex/public/ept.latest.js"></script>

ด้วยการใช้งานแบบ Target คุณสามารถกำหนดได้อย่างแม่นยำว่าวิดเจ็ตหรือเนื้อหาอื่นใดจะแสดงที่ใดบนเว็บไซต์ของคุณ โดยจะมีการแทรกคอนเทนเนอร์ DIV ขนาดเล็กในโค้ด HTML ซึ่งทำหน้าที่เป็นจุดเป้าหมายสำหรับวิดเจ็ต จากนั้น JavaScript จะโหลดวิดเจ็ตเข้าไปยังคอนเทนเนอร์นี้และแสดงผล


    <div id="target"></div>

เมื่อฝังวิดเจ็ต คุณสามารถกำหนดพารามิเตอร์ต่าง ๆ เพื่อปรับรูปลักษณ์และเนื้อหา ด้านล่างนี้อธิบายพารามิเตอร์สำคัญของวัตถุ P6Embed:

id: กำหนดว่าในองค์ประกอบ HTML ใดที่วิดเจ็ตจะแสดง ใช้ id ของคอนเทนเนอร์ DIV เช่น target
ety: กำหนดประเภทหรือหมวดหมู่ของวิดเจ็ต เช่น et1 ค่านี้ควบคุมประเภทของการแสดงผลที่จะโหลด
bsw: กำหนดความกว้างของวิดเจ็ตเป็นพิกเซล เช่น 500 กำหนดความกว้างที่ 500px
bsh: กำหนดความสูงของวิดเจ็ตเป็นพิกเซล เช่น 600 กำหนดความสูงที่ 600px
eun: กำหนดชื่อโปรไฟล์ที่จะปรากฏในวิดเจ็ต เช่น 'PROFILE_NAME'
border: กำหนดชนิดของกรอบวิดเจ็ต เช่น '1px solid #000' จะสร้างกรอบสีดำ ความหนา 1px

ด้วยพารามิเตอร์เหล่านี้ คุณสามารถปรับวิดเจ็ตให้เข้ากับดีไซน์และความต้องการของเว็บไซต์ หลังจากปรับแต่งแล้ว วิดเจ็ตจะถูกแสดงโดยเรียกใช้เมธอด .render():


    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();

ด้วยการใช้งานแบบเต็มรูปแบบ คุณสามารถฝังวิดเจ็ตบนเว็บไซต์ของคุณได้ในขั้นตอนเดียว โดยเริ่มจากการวางองค์ประกอบเป้าหมายที่วิดเจ็ตจะถูกโหลดเข้าไป และจากนั้นใส่โค้ด JavaScript ที่เป็นตัวเริ่มต้นวิดเจ็ต วิธีนี้จะทำให้ทั้งการแสดงผลและฟังก์ชันทำงานโดยอัตโนมัติ ซึ่งทำให้วิดเจ็ตพร้อมใช้งานแบบโต้ตอบได้ทันที วิธีนี้รับประกันว่าวิดเจ็ตจะโหลดอย่างถูกต้องและใช้ค่าพารามิเตอร์ที่ตั้งไว้ทั้งหมด เช่น ความกว้าง ความสูง ชื่อโปรไฟล์ หรือกรอบ


<div id="target"></div>
<script type="text/javascript">
    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();
</script>

ตัวอย่างทั้งหมด

เพื่อแสดงวิธีการทำงานและการปรับแต่งของวิดเจ็ต คุณจะพบตัวอย่างใช้งานด้านล่าง แต่ละตัวอย่างจะแสดงว่าวิดเจ็ตจะแสดงผลบนเว็บไซต์ของคุณอย่างไร และพารามิเตอร์ต่าง ๆ มีผลต่อรูปลักษณ์และพฤติกรรมอย่างไร

ไม่จำเป็นต้องได้รับความยินยอมโดยตรงเนื่องจากแพลตฟอร์มของเราใช้การทำให้ข้อมูลเป็นนามแฝง ข้อมูลส่วนตัวจะไม่ถูกเก็บโดยตรง ซึ่งช่วยรักษาความเป็นนิรนามของผู้ใช้และทำให้ไม่สามารถระบุตัวตนได้โดยตรง การประมวลผลข้อมูลที่เกิดจากการฝังบนเว็บไซต์ภายนอกจึงเป็นการประมวลผลแบบนามแฝงเช่นกัน เพื่อปกป้องความเป็นส่วนตัวของผู้ใช้

iFrame Widgets

ตัวอย่างทั้งหมด

วิดเจ็ตขนาดเล็ก

ตัวอย่าง:

วิดเจ็ตขนาดกลาง

ตัวอย่าง:

วิดเจ็ตขนาดใหญ่

ตัวอย่าง: