Hiển thị quảng cáo trong DOM bóng

Shadow DOM cho phép bạn đính kèm một cây DOM vào một phần tử và tách riêng nội dung bên trong của cây đó với phần còn lại của trang. Theo mặc định, mọi phần tử được tạo bên trong DOM bóng đều không thể truy cập được JS và CSS chạy trên trang chính.

Khi thư viện Thẻ nhà xuất bản của Google (GPT) được tải trên trang chính, thư viện này có thể hiển thị quảng cáo vào các vùng chứa trong shadow DOM, nếu đáp ứng các yêu cầu sau:

  1. Shadow DOM được đính kèm ở chế độ mở.
  2. Lệnh gọi đến googletag.display() cung cấp thông tin tham chiếu đến một phần tử vùng chứa quảng cáo, thay vì một chuỗi mã nhận dạng DOM.

Triển khai mẫu

Xem bản minh hoạ

JavaScript

Đang tải...

TypeScript

Đang tải...