在 shadow DOM 中顯示廣告

「shadow DOM」可讓您將 DOM 樹狀結構附加至元素，並將該樹狀結構的內部元素區隔開來與網頁的其他部分隔離。根據預設，在主頁面上執行的 JS 和 CSS 無法存取在 shadow DOM 中建立的任何元素。

Google 發布商廣告代碼 (GPT) 程式庫在主頁面上載入後，只要符合下列條件，就能在 shadow DOM 中的容器顯示廣告：

  1. shadow DOM 會在開啟模式中附加。
  2. 呼叫 googletag.display() 會提供廣告容器元素的參照，而非 DOM ID 字串。

實作範例

查看示範