แสดงโฆษณา Display ใน Shadow DOM

Shadow DOM ช่วยให้คุณแนบต้นไม้ DOM กับองค์ประกอบ และแยกส่วนภายในของต้นไม้นั้นออกจากส่วนที่เหลือของหน้าได้ โดยค่าเริ่มต้น JS และ CSS ที่ทำงานในหน้าหลักจะเข้าถึงองค์ประกอบที่สร้างภายใน Shadow DOM ไม่ได้

เมื่อโหลดไลบรารีแท็กผู้เผยแพร่โฆษณาผ่าน Google (GPT) ในหน้าหลักแล้ว ไลบรารีจะแสดงผลโฆษณาลงในคอนเทนเนอร์ภายใน Shadow DOM ได้หากเป็นไปตามข้อกําหนดต่อไปนี้

  1. Shadow DOM แนบอยู่ในโหมดเปิด
  2. การเรียกใช้ googletag.display() จะระบุการอ้างอิงไปยังองค์ประกอบคอนเทนเนอร์โฆษณาแทนสตริงรหัส DOM

ตัวอย่างการใช้งาน

ดูการสาธิต

JavaScript

กำลังโหลด...

TypeScript

กำลังโหลด...