Shadow DOM에 광고 표시

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

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

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

샘플 구현

데모 보기