วิธีฝังแบบทดสอบลงในหน้าเว็บกิจกรรมของคุณ? สามารถทดสอบก่อนเผยแพร่ได้หรือไม่?

ต้องการให้ผู้เข้าชมทำแบบทดสอบทางจิตวิทยา ดูผลลัพธ์ และแชร์ได้ทันทีบนหน้ากิจกรรมของคุณหรือไม่? เพียงแค่ฝัง iframe เพื่อผสานรวมแบบทดสอบหรือโมดูลแบบโต้ตอบใดๆ จาก OOOPEN Lab เข้ากับหน้ากิจกรรม เว็บไซต์แบรนด์ หรือบล็อกส่วนตัวของคุณได้อย่างราบรื่น!

สารบัญ

1. วิธีฝังแบบทดสอบลงในเว็บเพจของคุณ (การตั้งค่า iframe)
2. วิธีทดสอบก่อนเผยแพร่
3. วิธีตั้งค่าการติดตามแหล่งที่มา UTM ในแบบทดสอบฝังตัว
4. วิธีตั้งค่าขนาด iframe ให้แสดงผลแบบ Responsive (RWD)
5. แผนบริการฟรีได้รับการสนับสนุนหรือไม่?

วิธีการฝังแบบทดสอบลงในเว็บเพจของคุณ?

1. กรอกข้อมูลและเผยแพร่แบบทดสอบของคุณให้ครบถ้วน (หน้าปก คำถาม และหน้าผลลัพธ์พร้อมใช้งานแล้ว)
2. ไปที่ “การตั้งค่าการเผยแพร่” เลือก “ฝังในเว็บเพจ” ใต้ “การเลือกโหมดการเผยแพร่” จากนั้นคัดลอกโค้ดจากบล็อก “โค้ด iframe”
3. คัดลอกโค้ด iframe แล้วส่งให้ผู้พัฒนาของคุณ
   • ความกว้างและความสูงระหว่าง 0 – 2,560 พิกเซล
   • (ใช้ URL อย่างเป็นทางการของโครงการ)

หมายเหตุ GA4: หากคุณติดตั้งส่วนเสริม “FB Pixel and GA4” แล้ว GA4 ของโปรเจ็กต์ของคุณจะยังคงติดตามข้อมูลภายใน iframe ตามปกติ แต่จะไม่รายงานไปยัง GA ของเว็บไซต์ของคุณ — หน้าเว็บหลักของคุณจะไม่ได้รับเหตุการณ์จากภายในแบบทดสอบที่ฝังอยู่โดยอัตโนมัติ หากคุณต้องการให้เหตุการณ์เหล่านั้นปรากฏใน GA ของเว็บไซต์หลัก คุณต้องตั้งค่าการติดตามข้าม iframe แยกต่างหาก

วิธีทดสอบก่อนเผยแพร่?

ใช้โค้ดตัวอย่างนี้เพื่อทดสอบ:

<iframe width="500" height="300" title="OOOPEN Lab" src="https://ooopenlab.cc/quiz/8Kldbn7cBG2BsoKGPnDV" frameborder="0"></iframe>

ฉันจะตั้งค่าการติดตามแหล่งที่มาแบบ UTM ในแบบทดสอบฝังตัวได้อย่างไร?

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

พารามิเตอร์ UTM ทั่วไป:

• utm_source : แหล่งที่มาของการเข้าชม (เช่น Facebook, EDM, บล็อกของพันธมิตร)
• utm_medium : สื่อ (เช่น โซเชียลมีเดีย, อีเมล, CPC)
• utm_campaign : ชื่อแคมเปญ (เช่น mothers_day_2025)

ตัวอย่าง (เพิ่มพารามิเตอร์หลังเครื่องหมาย ? ใน URL src โดยเชื่อมด้วยเครื่องหมาย & ):

<iframe width="500" height="300" title="OOOPEN Lab" src="https://ooopenlab.cc/quiz/8Kldbn7cBG2BsoKGPnDV?utm_source=facebook&utm_medium=social&utm_campaign=mothers_day" frameborder="0"></iframe>

ข้อสำคัญ: ค่า UTM ของหน้าหลักจะไม่ถูกส่งต่อไปยัง iframe

นี่คือความเข้าใจผิดที่พบบ่อยที่สุด หาก URL ของหน้ากิจกรรมของคุณคือ https://yourbrand.com/event?utm_source=facebook UTM นั้นเป็นของหน้ากิจกรรมเท่านั้น ไม่ได้ถูกส่งต่อไปยังแบบทดสอบที่ฝังอยู่ภายในนั้น OOOPEN Lab จะบันทึกเฉพาะ UTM ที่อยู่ใน URL src ของ iframe เท่านั้น ดังนั้น UTM จะต้องถูกเขียนลงใน src โดยตรงเพื่อให้สามารถติดตามแหล่งที่มาของแบบทดสอบได้

คำแนะนำ: กำหนดพารามิเตอร์ UTM ให้กับแต่ละช่องสัญญาณใน iframe ของตัวเอง เพื่อให้สามารถแยกแหล่งที่มาได้อย่างแม่นยำในส่วนแบ็กเอนด์และเปรียบเทียบประสิทธิภาพได้ สำหรับขั้นตอนการส่งออกและการวิเคราะห์ทั้งหมด โปรดดู ที่ การส่งออกระเบียน UTM

การตั้งค่า iframe แบบ Responsive (RWD)

ตั้งค่า padding-top ของคอนเทนเนอร์ภายนอกเพื่อรักษาสัดส่วน (4:3, 16:9 เป็นต้น) (อ้างอิง: วิธีการ – Iframe ที่ตอบสนองต่อขนาดหน้าจอ )

แผนบริการฟรีได้รับการสนับสนุนหรือไม่?

บัญชีฟรีไม่สามารถใช้ฟีเจอร์ฝังเนื้อหาได้ แต่สามารถแชร์ลิงก์ได้

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

ลงทะเบียนเป็นครีเอเตอร์และเริ่มสร้างสรรค์ผลงานได้เลยด้วยการทดลองใช้ฟรี!

เพียงคลิก “เข้าสู่ระบบ/ลงทะเบียน” ที่มุมบนขวาเพื่อสมัครเป็นครีเอเตอร์ ด้วยแผนฟรี คุณสามารถสร้าง แก้ไข และเผยแพร่โปรเจ็กต์ได้ไม่จำกัดจำนวน โดยไม่มีกำหนดเวลา!

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

ภาพประกอบในบทความ