在陰影 DOM 中顯示廣告

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

當 Google 發布商廣告代碼 (GPT) 程式庫載入至主頁面時,如果符合下列條件,便可將廣告轉譯至 shadow DOM 中的容器:

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

實作範例

觀看示範影片

JavaScript

載入中...

TypeScript

載入中...