Google 게시자 태그 시작하기

SafeFrame을 사용한 광고 소재 렌더링

광고주와 게시자 콘텐츠 간의 통신을 위해 SafeFrame을 사용하는 방법 알아보기

2022년 1월 24일부터 SafeFrame에서는 임의의 하위 도메인을 사용하여 SafeFrame 콘텐츠를 분리하고 더 강력한 보안 보장을 제공할 예정입니다. 따라서 SafeFrame 보안 설정은 이제 사용할 수 없게 됩니다.

이전에 '고정' 설정을 선택한 경우 SafeFrame 보안이 업데이트됩니다.

SafeFrame은 API를 지원하는 iframe으로, 광고주와 게시자 콘텐츠 간의 통신을 위한 하나의 간결하고 통합된 메커니즘을 제공합니다. Ad Manager의 SafeFrame 기술은 페이지 콘텐츠와 광고 사이의 투명하고 풍부한 상호작용을 지원하는 한편 외부에서 민감한 데이터에 액세스하는 것을 차단하고 GPT가 포함된 SafeFrame 컨테이너를 사용하여 더 섬세한 광고 소재 렌더링 제어 기능을 제공합니다.

IAB 표준에 따르면 SafeFrame 컨테이너 내부에서 광고를 렌더링하기 위해서는 게시자가 웹사이트를 업데이트해야 합니다. 하지만 SafeFrame은 Ad Manager에서 지원되며 GPT 태그 사용 시 기본적으로 활성화됩니다.

악성 광고 소재가 게재될 가능성을 최소화하려면 가능하면 항상 HTML5 sandbox 속성과 함께 SafeFrame을 활성화하여 상위 수준 탐색을 방지하는 것이 좋습니다. sandbox 속성에 대해 자세히 알아보기

전체 SafeFrame 사양을 비롯한 자세한 내용은 IAB 문서를 참조하세요.

SafeFrame 및 광고 소재 유형

SafeFrame은 사용 중인 디스플레이 광고 소재 유형에 따라 기본적으로 사용 설정 또는 사용 중지되어 있습니다.

SafeFrame이 아닌 페이지에 게재할 광고 소재에 SafeFrame을 활성화하는 경우(또는 그 반대의 경우) 광고 소재에 렌더링 문제가 발생할 수 있습니다. 광고 소재가 게재될 위치를 파악하고 그에 따라 SafeFrame을 설정하세요.

SafeFrame 및 Google 게시자 태그(GPT)

Ad Manager에서는 SafeFrame을 사용하여 네 가지 유형의 광고 소재를 렌더링할지 여부를 명시적으로 제어할 수 있습니다.

  • 맞춤
  • 제3자
  • 시스템 정의 템플릿
  • 사용자 정의 템플릿

이러한 광고 소재 유형의 새 광고 소재 또는 템플릿을 추가할 때 SafeFrame으로 게재 체크박스를 선택하세요.

SafeFrame을 사용 설정하기 전에 광고 소재를 제공하는 광고주나 공급업체와 협력하여 광고 소재가 SafeFrame과 호환되는지 확인하세요. sandbox 속성을 사용하는 경우 대행사나 광고주와 협력하여 클릭 시 방문 페이지가 현재 페이지에서 탐색되지 않고 새 탭에서 열리도록 하세요.

SafeFrame은 광고 소재 미리보기를 지원하지 않습니다.

개발자 문서Google 게시자 태그 API를 사용하면setForceSafeFrame 매개변수와 SafeFrame 컨테이너를 함께 사용하여 페이지의 특정 광고 슬롯 또는 모든 슬롯을 렌더링할 수 있습니다.

AMP 페이지에서의 SafeFrame

SafeFrame API는 Ad Manager AMP 광고 태그를 사용하여 AMP 페이지에 게재되는 모든 비 AMP HTML 광고와 호환됩니다.

SafeFrame 컨테이너의 최대 확장 크기는 표시 영역의 최대 확장 크기로 제한됩니다. SafeFrame에서는 AMP 페이지에 맞게 표시 영역 내 광고 슬롯의 크기를 조절할 수 없으므로, 광고 소재의 크기 조절 요청은 광고 슬롯이 표시 영역 밖에 있을 때만 받아들여집니다.

AMP 페이지의 경우 선택한 설정과 관계없이 표준 HTML 광고 소재가 항상 SafeFrame으로 게재됩니다. 광고 소재 코드가 SafeFrame과 호환되는지 확인하세요.

AMP HTML 광고

AMP HTML 광고는 SafeFrame에 게재되지 않습니다. 대신, AMP HTML이 더 안전하기 때문에 기본적으로 호환 iframe으로 게재됩니다.

사이트에 CSP(콘텐츠 보안 정책)가 있는 경우 CSP의 제한사항이 호환 iframe의 AMP HTML 광고에도 적용됩니다. 이 경우 CSP의 제한사항 적용 없이 광고가 교차 도메인 iframe에서 렌더링될 수 있도록 googletag.pubads().setForceSafeFrame(true)을 호출한 다음 광고 요청을 수행하세요.

SafeFrame의 작동 원리

GPT SafeFrame 통합은 다음과 같은 세 부분으로 구성됩니다.

  1. SafeFrame iframe 컨테이너. 광고가 표시될 때 GPT에 의해 생성됩니다.
  2. 광고 소재 내에 삽입된 코드. (외부) SafeFrame API를 광고 소재에 제공하고 postMessage를 사용하여 호스트 페이지와 통신합니다.
  3. postMessage 통신 채널의 반대편에서 GPT의 일부로서 SafeFrame iframe 외부에서 실행 중인 코드. 이 코드는 조회가능성에 대해 확장 및 기하학적 측정을 모두 수행합니다.

Ad Manager는 사용자가 광고를 클릭하면 광고 슬롯을 확장(푸시다운 또는 오버레이로)하는 등 SafeFrame API를 사용하여 웹사이트와 상호작용하는 광고 소재를 지원합니다. 하지만 광고 슬롯 확장 및 푸시다운/오버레이 상호작용이 가능하려면 setSafeFrameConfig 함수를 이용해 태그를 수정해야 합니다.

SafeFrame 렌더링이 GPT에서 처리되므로 GPT는 외부에서 이 API 구현을 호스팅하지 않습니다. GPT를 변경하지 않고 현재 GPT API를 계속 사용하여 광고를 설정할 수 있습니다.

GPT는 SafeFrame 외부 업체 API를 구현하여 광고 소재가 웹사이트와 상호작용하는 것을 허용합니다.

지원되는 SafeFrame API 메서드

전체 SafeFrame API 사양을 다운로드합니다.

$sf.ext.register
$sf.ext.supports
$sf.ext.geom
$sf.ext.status
$sf.ext.inViewPercentage

/* supports expansion in both push and overlay modes;
not supported for fluid-sized native ads */
$sf.ext.expand

지원되지 않거나 부분적으로 지원되는 API 메서드

  • 광고 소재가 게시자 쿠키에 액세스하는 것은 허용되지 않으므로 $sf.ext.cookie는 지원되지 않습니다.
  • $sf.ext.meta는 게시자 정의 객체에서는 지원되지 않으며 다음 시스템 정의 객체에서만 지원됩니다.
    • {String} sf_ver는 현재 SafeFrame 버전을 나타내는 문자열입니다.
    • {Number} ck_on는 브라우저에서 쿠키가 활성화되었는지 보여주는 숫자로, 사용하면 1, 사용하지 않으면 0입니다.

SafeFrame를 이용한 리치 미디어 및 조회가능성

SafeFrame은 API에서 사용할 수 있는 메서드를 통해 가능한 수준으로 광고와 게시자 콘텐츠 간의 상호작용을 제한함으로써 게시자 제어 기능을 강화합니다. 이 기술은 리치 미디어 형식을 표준화하므로 SafeFrame을 지원하는 모든 네트워크에서 이 API를 사용하는 광고 소재를 실행할 수 있습니다.

조회가능성

SafeFrame에서 제공하는 API는 조회가능성을 계산하는 데 사용할 수 있습니다. SafeFrame 1.0에서 조회가능성 측정항목을 직접 보고하지는 않지만, API는 광고 소재 정보에 대한 액세스를 허용하여 광고주가 이 정보를 통해 SafeFrame 컨테이너가 '조회 범위에 있는지' 여부를 결정할 수 있도록 지원합니다.

API를 통해 브라우저나 애플리케이션 창, 화면 테두리를 기준으로 한 SafeFrame 컨테이너 및 그 내용의 기하학적 크기와 위치를 확인할 수 있습니다. 조회 시간 정보는 리스너를 등록하여 광고의 조회 가능 시간을 확인하는 것으로 산출할 수 있습니다.

조회 가능 노출에 대한 솔루션으로 Google에서 제공하는 Active View는 SafeFrame 조회가능성 사양에 포함되지 않습니다. Active View는 변동 없이 그대로 작동합니다.

Google 게시자 콘솔 사용

Google 게시자 콘솔을 사용하여 슬롯에서 SafeFrame을 사용 중인지 알아볼 수 있습니다.

도움이 되었나요?

어떻게 하면 개선할 수 있을까요?
검색
검색어 지우기
검색 닫기
기본 메뉴
14780072333341457978
true
도움말 센터 검색
true
true
true
true
true
148
false
false