Menampilkan iklan di shadow DOM

Shadow DOM memungkinkan Anda melampirkan hierarki DOM ke elemen, dan membuat internal hierarki tersebut terisolasi dari bagian lain halaman. Secara default, elemen apa pun yang dibuat di dalam shadow DOM tidak dapat diakses oleh JS dan CSS yang berjalan di halaman utama.

Saat dimuat di halaman utama, library Tag Penayang Google (GPT) mampu merender iklan ke dalam penampung dalam shadow DOM, jika persyaratan berikut terpenuhi:

  1. DOM bayangan dilampirkan dalam mode terbuka.
  2. Panggilan ke googletag.display() memberikan referensi ke elemen penampung iklan, bukan string ID DOM.

Contoh penerapan

Melihat demo

JavaScript

Memuat...

TypeScript

Memuat...