โฆษณาแบบดิสเพลย์ใน Shadow DOM

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

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

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

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

ดูการสาธิต