ป๊อปอัปโฆษณา
1. หน้านี้ใช้ทำอะไร
หน้า ป๊อปอัปโฆษณา ใช้จัดการรูปภาพแบนเนอร์ป๊อปอัปที่จะเด้งขึ้นมาบนหน้าแรกเมื่อผู้เล่นเปิดเข้าสู่เว็บไซต์ล็อบบี้ แยกอัปโหลดรูปภาพสำหรับจอคอมพิวเตอร์และจอมือถือได้ กำหนดกลุ่มผู้เล่นเป้าหมายที่จะเห็นป๊อปอัป และตั้งค่าจำนวนวันที่ระบบจะไม่แสดงป๊อปอัปซ้ำเมื่อผู้เล่นกดติ๊กเลือกปิด เหมาะสำหรับฝ่ายการตลาดที่ต้องการแจ้งโปรโมชั่นเด็ด แคมเปญพิเศษ หรือข่าวสารสำคัญให้ผู้เล่นเห็นทันที
2. ก่อนเริ่ม
- สิทธิ์การใช้งาน: ต้องได้สิทธิ์ 'ป๊อปอัปโฆษณา' จากผู้ดูแลระบบก่อน จึงจะเข้าหน้านี้ได้
- สิ่งที่ต้องเตรียม:
- ไฟล์ภาพสำหรับคอมพิวเตอร์: ขนาดแนะนำ 1200 × 600 px (อัตราส่วน 2:1)
- ไฟล์ภาพสำหรับมือถือ: ขนาดแนะนำ 800 × 1200 px (อัตราส่วน 2:3)
- นามสกุลไฟล์ที่รองรับ: PNG, JPG หรือ WEBP ขนาดไฟล์ไม่เกิน 5 MB ต่อรูป
3. หน้าตาของหน้านี้
เมื่อเปิดเข้ามา จะเห็นส่วนประกอบสำคัญดังนี้:
- ส่วนหัวของหน้า (Page Header): แสดงชื่อหน้า คำอธิบาย และป้ายสถานะปัจจุบันมุมขวาบน (แสดงอยู่ หรือ ปิดอยู่)
- แถบตรวจสอบประวัติ (Page Audit): แสดงรุ่นข้อมูล (Version), ชื่อผู้แก้ไขล่าสุด และวันเวลาที่บันทึกข้อมูลล่าสุด
- กล่องการตั้งค่าทั่วไป (General Settings): มีสวิตช์ การแสดงผลป๊อปอัพ, ช่องกำหนด ระยะเวลาที่ไม่แสดงป๊อปอัพซ้ำ (จำนวนวัน) และปุ่มเลือกกลุ่มเป้าหมาย แสดงกับใคร
- กล่องตัวอย่างที่ผู้เล่นเห็น (Preview Section): แสดงภาพจำลองป๊อปอัปจริงทั้งมุมมองคอมพิวเตอร์และมือถือคู่กัน พร้อมปุ่มเลื่อนรูปก่อนหน้า-ถัดไป และตัวอย่างช่องติ๊กไม่แสดงซ้ำ
- กล่องรูปป๊อปอัพ (Media Assets): ส่วนอัปโหลดรูปภาพ มีแท็บให้สลับดู ทุกอุปกรณ์, คอมพิวเตอร์ และ มือถือ พร้อมกล่องอัปโหลดและรายการรูปที่ลากจัดลำดับได้
- แถบปุ่มบันทึกด้านล่าง (Form Action Bar): แสดงปุ่ม ยกเลิก และปุ่ม บันทึก
4. ค้นหาและตัวกรอง
หน้านี้ไม่มีช่องค้นหาหรือตัวกรองตาราง แต่มีแท็บสลับการดูและจัดการรูปภาพ ดังนี้:
| เครื่องมือช่วยดู | ประเภท | วิธีใช้งาน | ผลลัพธ์ |
|---|---|---|---|
| แท็บเลือกดูอุปกรณ์ | ปุ่มแท็บ | กดเลือกระหว่าง ทุกอุปกรณ์, คอมพิวเตอร์ หรือ มือถือ | กล่องอัปโหลดจะสลับไปแสดงเฉพาะช่องรูปภาพของอุปกรณ์ที่เลือก หรือแสดงทั้งสองช่องคู่กัน |
5. ตารางข้อมูล
หน้านี้แสดงส่วนประกอบและปุ่มสั่งการดังนี้:
รายละเอียดส่วนประกอบบนหน้าจอ
| ส่วนประกอบ | สิ่งที่เห็นบนจอ | หมายความว่าอะไร | ป้ายสีหรือสัญลักษณ์ที่พบ |
|---|---|---|---|
| ป้ายสถานะระบบ | ป้ายที่ส่วนหัวของหน้า | แสดงสถานะปัจจุบันว่าป๊อปอัปกำลังเปิดแสดงอยู่บนหน้าเว็บหรือไม่ | ป้ายสีเขียว = แสดงอยู่, ป้ายสีเทา = ปิดอยู่ |
| การแสดงผลป๊อปอัพ | สวิตช์เปิด-ปิด | เปิดหรือปิดการเด้งป๊อปอัปบนหน้าเว็บผู้เล่น | สวิตช์เปิด (สีเขียว) / ปิด (สีเทา) จะเปิดได้เมื่อมีรูปภาพอย่างน้อย 1 รูป |
| ระยะเวลาที่ไม่แสดงป๊อปอัพซ้ำ | ช่องกรอกตัวเลขหน่วยวัน | จำนวนวันที่ระบบจะไม่แสดงป๊อปอัปให้ผู้เล่นคนนั้นเห็นอีกเมื่อผู้เล่นกดติ๊กช่องไม่แสดงซ้ำ | ตัวเลขจำนวนเต็ม ตั้งแต่ 1 วันขึ้นไป (ค่าเริ่มต้น 7 วัน) |
| แสดงกับใคร | ปุ่มตัวเลือก 3 กลุ่ม | กำหนดกลุ่มผู้เล่นที่จะเห็นป๊อปอัปนี้ | ปุ่มสีฟ้าแสดงตัวเลือกที่เลือกอยู่: สมาชิกที่เข้าสู่ระบบ, ผู้ที่ยังไม่เข้าสู่ระบบ, ทุกคน |
| รูปภาพสำหรับคอมพิวเตอร์ | กล่องอัปโหลดขนาด 1200 × 600 px | รูปภาพที่จะแสดงเมื่อผู้เล่นเปิดผ่านจอคอมพิวเตอร์ | ป้ายบอกอัตราส่วน 2:1 |
| รูปภาพสำหรับมือถือ | กล่องอัปโหลดขนาด 800 × 1200 px | รูปภาพที่จะแสดงเมื่อผู้เล่นเปิดผ่านจอมือถือ | ป้ายบอกอัตราส่วน 2:3 |
| ตัวอย่างหน้าจอผู้เล่น | หน้าจำลองป๊อปอัปบนเว็บจริง | แสดงภาพจริงพร้อมปุ่มกากบาทปิด และช่องติ๊ก "ไม่แสดงอีกเป็นเวลา 7 วัน" | ตัวอย่างกรอบจอคอมพิวเตอร์และมือถือ |
ปุ่มคำสั่งในหน้านี้
| ปุ่ม | ตำแหน่ง / สี | กดแล้วจะเกิดอะไร | หมายเหตุ / เงื่อนไข |
|---|---|---|---|
| การแสดงผลป๊อปอัพ | สวิตช์ในการ์ดการตั้งค่าทั่วไป | เปิดหรือปิดสถานะป๊อปอัป | ต้องมีรูปภาพอย่างน้อย 1 รูปจึงจะเปิดได้ |
| เลือกกลุ่มเป้าหมาย | 3 ปุ่ม (สมาชิกที่เข้าสู่ระบบ, ผู้ที่ยังไม่เข้าสู่ระบบ, ทุกคน) | เลือกกลุ่มผู้เล่นที่จะเห็นป๊อปอัป | เลือกได้ 1 กลุ่ม |
| ช่องอัปโหลดรูปภาพ | กรอบเส้นประสีฟ้าในการ์ดรูปป๊อปอัพ | เปิดเลือกไฟล์ภาพจากเครื่องหรือลากไฟล์มาวาง | รองรับ PNG, JPG, WEBP ขนาดไม่เกิน 5 MB ต่อรูป |
| ลบรูปภาพ | ไอคอนกากบาทสีแดงบนการ์ดรูป | ลบรูปภาพนั้นออกจากรายการป๊อปอัป | กดได้ทุกรูป |
| ขยายดูรูป (Lightbox) | กดที่ตัวรูปภาพในการ์ด | ขยายดูรูปภาพขนาดเต็ม | ปิดได้โดยกดปุ่มกากบาทหรือกดพื้นหลัง |
| ยกเลิก | ปุ่มสีเทา ด้านล่างขวา | ยกเลิกการแก้ไขทั้งหมดและคืนค่าเดิมล่าสุด | กดได้เมื่อมีการแก้ไขที่ยังไม่ได้บันทึก |
| บันทึก | ปุ่มสีเข้ม ด้านล่างขวาสุด | บันทึกการตั้งค่าและอัปโหลดรูปภาพใหม่ มีผลบนหน้าเว็บทันที | กดได้เมื่อมีการแก้ไขที่ยังไม่ได้บันทึก |
6. ทีละขั้นตอน
1. การอัปโหลดรูปภาพป๊อปอัป
- ไปที่เมนู หน้าล็อบบี้ > ป๊อปอัปโฆษณา จากแถบเมนูด้านซ้าย
- เลื่อนลงมาที่กล่อง รูปป๊อปอัพ
- อัปโหลดรูปภาพตามขนาดที่ระบบแนะนำ:
- ในช่อง รูปภาพสำหรับคอมพิวเตอร์: อัปโหลดรูปขนาด 1200 × 600 px
- ในช่อง รูปภาพสำหรับมือถือ: อัปโหลดรูปขนาด 800 × 1200 px
- หากอัปโหลดหลายรูป กดค้างแล้วลากเพื่อสลับลำดับรูปที่ต้องการให้แสดงเป็นรูปแรกได้
2. การตั้งค่ากลุ่มเป้าหมายและระยะเวลาไม่แสดงซ้ำ
- เลื่อนขึ้นไปที่กล่อง การตั้งค่าทั่วไป
- ในช่อง ระยะเวลาที่ไม่แสดงป๊อปอัพซ้ำ: กำหนดจำนวนวันที่ต้องการ เช่น
7วัน (เมื่อผู้เล่นติ๊กเลือกไม่แสดงอีก ป๊อปอัปจะไม่เด้งกวนใจผู้เล่นคนนั้นเป็นเวลา 7 วัน) - ในหัวข้อ แสดงกับใคร: กดเลือกกลุ่มเป้าหมายที่ต้องการ:
- สมาชิกที่เข้าสู่ระบบ: ป๊อปอัปจะเด้ง 1 ครั้งต่อการเข้าสู่ระบบ
- ผู้ที่ยังไม่เข้าสู่ระบบ: ป๊อปอัปจะเด้ง 1 ครั้งต่อการเข้าชมเว็บไซต์ เหมาะสำหรับโปรโมชั่นชวนสมัครสมาชิก
- ทุกคน: แสดงให้ผู้เล่นทุกคนเห็น ทั้งสมาชิกและผู้เยี่ยมชมทั่วไป
3. การเปิดใช้งานและบันทึก
- ในหัวข้อ การแสดงผลป๊อปอัพ ให้กดเปิดสวิตช์เป็น เปิด (สีเขียว)
- ตรวจดูความเรียบร้อยในกล่อง ตัวอย่างที่ผู้เล่นเห็น ทั้งในมุมมองคอมพิวเตอร์และมือถือ
- กดปุ่ม บันทึก ที่มุมล่างขวา ระบบจะแสดงข้อความแจ้งเตือน "อัปเดตป๊อปอัพโฆษณาเรียบร้อยแล้ว"
4. การปิดใช้งานป๊อปอัปชั่วคราว
- เมื่อหมดระยะเวลาแคมเปญ ให้กลับมาที่หน้า ป๊อปอัปโฆษณา
- กดปิดสวิตช์ การแสดงผลป๊อปอัพ ให้เป็น ปิด (สีเทา)
- กดปุ่ม บันทึก ป๊อปอัปจะหยุดเด้งบนหน้าเว็บทันทีโดยที่รูปภาพยังคงเก็บไว้ในระบบสำหรับใช้งานครั้งต่อไป
7. หน้าแก้ไขหรือหน้าเพิ่ม
หน้านี้รวมการตั้งค่าทั้งหมดไว้ในหน้าเดียว โดยมีรายละเอียดช่องและข้อมูลดังนี้:
| ช่อง / การตั้งค่า | ต้องกรอกไหม | ใส่อะไร / ตัวเลือก | ตัวอย่าง | ข้อจำกัด |
|---|---|---|---|---|
| การแสดงผลป๊อปอัพ | ต้องเลือก | สวิตช์เปิดหรือปิดการแสดงป๊อปอัป | เปิด | ต้องมีรูปภาพอย่างน้อย 1 รูปจึงจะเปิดได้ |
| ระยะเวลาที่ไม่แสดงป๊อปอัพซ้ำ | ต้องกรอก | ตัวเลขจำนวนวัน | 7 | ตัวเลขจำนวนเต็ม ตั้งแต่ 1 วันขึ้นไป |
| แสดงกับใคร | ต้องเลือก | เลือก 1 ใน 3 ตัวเลือก: สมาชิกที่เข้าสู่ระบบ, ผู้ที่ยังไม่เข้าสู่ระบบ, ทุกคน | ทุกคน | มีผลตามกลุ่มที่เลือก |
| รูปภาพสำหรับคอมพิวเตอร์ | ไม่บังคับ | ไฟล์ภาพสำหรับหน้าจอคอมพิวเตอร์ | ภาพขนาด 1200 × 600 px | PNG, JPG, WEBP ขนาดไม่เกิน 5 MB ต่อรูป |
| รูปภาพสำหรับมือถือ | ไม่บังคับ | ไฟล์ภาพสำหรับหน้าจอมือถือ | ภาพขนาด 800 × 1200 px | PNG, JPG, WEBP ขนาดไม่เกิน 5 MB ต่อรูป |
8. หน้าต่างป็อปอัพ (Popup / Modal)
1. หน้าต่างดูรูปภาพขนาดเต็ม (Image Lightbox)
- เปิดขึ้นมาเมื่อไหร่: เมื่อกดที่ตัวรูปภาพในการ์ดรูปป๊อปอัป
- สิ่งที่เห็นในหน้าต่าง: รูปภาพขนาดขยายใหญ่บนพื้นหลังสีดำโปร่งแสง พร้อมปุ่มกากบาทปิด
- สิ่งที่ต้องทำ: ตรวจดูความคมชัดและรายละเอียดของรูปภาพ
- ผลลัพธ์: กดปุ่มกากบาท หรือกดพื้นที่ว่างด้านนอกเพื่อปิดหน้าต่าง
2. หน้าต่างแจ้งเตือนข้อมูลชนกัน (VersionConflictDialog)
- เปิดขึ้นมาเมื่อไหร่: เมื่อกดปุ่ม บันทึก แล้วพบว่ามีแอดมินคนอื่นแก้ไขข้อมูลป๊อปอัปตัดหน้าไปก่อน
- สิ่งที่เห็นในหน้าต่าง: ข้อความเตือนว่าข้อมูลบนหน้าจอไม่ตรงกับเวอร์ชันล่าสุดในระบบ
- สิ่งที่ต้องทำ: กดปุ่ม โหลดข้อมูลล่าสุด เพื่อดึงข้อมูลล่าสุดมาแสดง
- ผลลัพธ์: หน้าจอจะรีเฟรชข้อมูลใหม่ แอดมินจึงเริ่มแก้ไขใหม่อีกครั้ง
9. สถานะและป้ายสี
| ป้ายสถานะ | สีของป้าย | ความหมาย | สิ่งที่ต้องทำต่อ |
|---|---|---|---|
| แสดงอยู่ | เขียว | ป๊อปอัปโฆษณากำลังเปิดทำงานและจะเด้งบนหน้าเว็บตามกลุ่มเป้าหมาย | ป๊อปอัปทำงานตามปกติ ไม่ต้องทำอะไรเพิ่ม |
| ปิดอยู่ | เทา | ป๊อปอัปโฆษณาถูกปิดซ่อนไว้ ผู้เล่นจะไม่เห็นป๊อปอัปนี้ | หากต้องการเริ่มแคมเปญ ให้กดเปิดสวิตช์แล้วบันทึก |
| ข้อความเตือนไม่มีรูปภาพ | ส้ม | ระบบแจ้งว่าต้องเพิ่มรูปอย่างน้อย 1 รูปก่อนจึงจะเปิดสวิตช์ได้ | อัปโหลดรูปภาพอย่างน้อย 1 รูป |
| กลุ่มเป้าหมายที่เลือก | ฟ้า | ตัวเลือกกลุ่มผู้เล่นที่กำลังเปิดใช้งานอยู่ในปัจจุบัน | เป็นข้อมูลสถานะกลุ่มเป้าหมาย |
10. คำถามที่เจอบ่อย / แก้ปัญหาเบื้องต้น
- ทำไมสวิตช์เปิดป๊อปอัปเป็นสีเทา กดเปิดไม่ได้:
- ระบบบังคับให้ต้องมีรูปภาพอย่างน้อย 1 รูป (ฝั่งคอมพิวเตอร์หรือมือถือ) ก่อนจึงจะเปิดสวิตช์ได้ หากยังไม่มีรูปภาพ สวิตช์จะถูกปิดล็อกไว้โดยอัตโนมัติ
- ถ้าอัปโหลดรูปภาพเฉพาะฝั่งคอมพิวเตอร์ ผู้เล่นที่เปิดผ่านมือถือจะเห็นหรือไม่:
- เห็นตามปกติ ระบบจะนำรูปภาพที่มีอยู่ไปแสดงแทนในอีกอุปกรณ์ให้อัตโนมัติ (และจะขึ้นป้ายแจ้งในตัวอย่างว่า "ไม่มีรูปของอุปกรณ์นี้ ใช้รูปของอีกอุปกรณ์แทน") อย่างไรก็ตาม แนะนำให้อัปโหลดแยกทั้งสองขนาดเพื่อให้ภาพพอดีกับหน้าจอมือถือ
- ป๊อปอัปโฆษณากับป๊อปอัปหลังสมัครและเข้าสู่ระบบ อันไหนจะเด้งขึ้นมาก่อนกัน:
- ป๊อปอัปโฆษณาจะเด้งขึ้นมาเป็นลำดับที่ 1 เสมอ เมื่อผู้เล่นกดปิดป๊อปอัปโฆษณาแล้ว หน้าต่างที่ตั้งค่าไว้ในเมนู ป๊อปอัปหลังสมัครและเข้าสู่ระบบ (เช่น หน้าต่างฝากเงิน หรือโปรโมชั่น) จึงจะเด้งตามขึ้นมาเป็นลำดับที่ 2
- ปุ่มบันทึกเป็นสีเทา กดไม่ได้:
- ปุ่มบันทึกจะกดได้เฉพาะเมื่อมีการเปลี่ยนแปลงข้อมูล เช่น สลับสวิตช์ เปลี่ยนจำนวนวัน เปลี่ยนกลุ่ม หรือเพิ่ม-ลบรูปภาพ หากข้อมูลไม่มีการเปลี่ยนแปลง ปุ่มจะถูกปิดไว้