섀도우 DOM에 디스플레이 광고 게재

shadow DOM을 사용하면 DOM 트리를 요소에 연결하고 해당 트리의 내부 요소를 페이지의 나머지 부분과 격리할 수 있습니다. 기본적으로 shadow DOM 내에서 생성된 요소는 기본 페이지에서 실행되는 JS 및 CSS에서 액세스할 수 없습니다.

Google 게시자 태그 (GPT) 라이브러리가 기본 페이지에 로드되면 다음 요구사항이 충족되는 경우 shadow DOM 내 컨테이너에 광고를 렌더링할 수 있습니다.

  1. shadow DOM은 개방 모드로 연결됩니다.
  2. googletag.display() 호출은 DOM ID 문자열 대신 광고 컨테이너 요소에 대한 참조를 제공합니다.

샘플 구현

데모 보기

자바스크립트

로드 중...

TypeScript

로드 중...