웹에서 앵커 광고 트래피킹하기

웹페이지 상단 또는 하단이나 데스크톱 페이지의 측면에 표시되는 앵커 광고를 트래피킹할 수 있습니다. 이러한 광고는 사용자가 스크롤해도 계속 표시됩니다. 앵커 광고를 사용하면 더 나은 광고 표준(Better Ads Standard)을 준수하며 실적이 우수한 형식을 사용하여 웹페이지의 수익 창출을 개선할 수 있습니다. 사용자는 언제든지 화살표를 클릭하여 앵커 광고를 닫을 수 있습니다.

앵커 광고는 광고 소재 응답 내의 맞춤 요소 및 형식별 로직을 통해 헤더 입찰을 지원합니다. 헤더 입찰 래퍼는 광고 소재가 셸 광고 소재와 동일한 iframe에 올바르게 삽입되도록 합니다.

이 페이지의 내용

상단 앵커 광고

상단 앵커 광고는 페이지 상단의 메뉴를 가리지 않도록 처음에는 숨겨져 있습니다. 사용자가 스크롤하면 앵커 광고가 표시됩니다. 사용자가 페이지 상단으로 스크롤할 때 콘텐츠가 가려지지 않도록 하기 위해 본문 요소의 슬롯 높이와 일치하도록 padding-top을 설정하여 맨 위의 공간이 예약됩니다. 사이트의 CSS로 인해 공간이 예약되는지 확인하세요.

모바일 웹에 게재되는 상단 앵커 광고의 예
닫은 추천 앵커
상단에 고정된 모바일 웹용 닫힌 앵커 광고의 예 상단에 고정된 모바일 웹용 앵커 광고의 예
데스크톱에 게재되는 상단 앵커 광고의 예

닫은 추천

상단에 고정된 데스크톱용 닫힌 앵커 광고의 예

앵커

상단에 고정된 데스크톱용 앵커 광고의 예

하단 앵커 광고

하단 앵커 광고는 광고가 가져오기된 후에 표시됩니다. 사용자가 페이지 하단으로 스크롤할 때 콘텐츠가 가려지지 않도록 하기 위해 본문 요소의 슬롯 높이와 일치하도록 padding-bottom을 설정하여 맨 아래에 공간이 예약됩니다. 사이트의 CSS로 인해 공간이 예약되는지 확인하세요.

모바일 웹에 게재되는 하단 앵커 광고의 예
닫은 추천 앵커
하단에 고정된 모바일 웹용 닫힌 앵커 광고의 예 하단에 고정된 모바일 웹용 앵커 광고의 예
데스크톱에 게재되는 하단 앵커 광고의 예

닫은 추천

하단에 고정된 데스크톱용 닫힌 앵커 광고의 예

앵커

하단에 고정된 데스크톱용 앵커 광고의 예

사이드 레일 앵커 광고

사이드 레일 앵커 광고는 일반적으로 여유 공간이 있는 데스크톱 페이지의 측면에 표시되는 광고 단위의 한 유형입니다. 광고가 가져오기되는 즉시 광고가 표시됩니다. 광고 크기는 사용 가능한 공간에 맞게 최적화되지만 사이드 레일 앵커가 지원되지 않으면 광고가 렌더링되지 않습니다.

창 크기가 조절되어 광고가 더 이상 빈 공간에 맞지 않는 경우 공간을 다시 사용할 수 있을 때까지 슬롯이 일시적으로 숨겨집니다. 광고 슬롯은 5~25픽셀 범위 내에서 기본 콘텐츠에 최대한 가깝게 배치됩니다.

데스크톱에 게재되는 사이드 레일 앵커 광고의 예

닫은 추천

데스크톱에서 닫힌 사이드 레일 앵커 광고의 예

앵커

데스크톱용 사이드 레일 앵커 광고의 예

모바일 웹용 접을 수 있는 앵커 광고 (베타)  

모바일 앱용 접을 수 있는 배너 광고와 마찬가지로 접을 수 있는 앵커 광고는 화면 높이의 절반에 표시됩니다. 사용자는 앵커 광고를 표준 앵커 크기로 즉시 접을 수 있습니다. 이 기능은 앵커 광고 형식의 개선사항으로 현재 베타 버전입니다.

모바일 웹용 접을 수 있는 앵커 광고에 대해 자세히 알아보세요.

웹 앵커 크기

인벤토리 유형 크기
기존 예약

지원되는 예약 크기는 다음과 같습니다.

  • 모바일 웹: 320x50, 320x100
  • 태블릿: 728x90
  • 데스크톱: 728x90, 980x90, 990x90, 970x90
프로그래매틱 수요

프로그래매틱의 경우:

  • 앵커 광고는 창에 맞게 크기가 조정됩니다.
  • 사용자 경험을 방해하지 않도록 실제 광고 소재 크기는 표시 영역과 연관됩니다.

시작하기

개발자 문서 태그 지정에 대한 자세한 내용(예: 기기 타겟팅, 앵커 슬롯을 데스크톱과 모바일 중 어디에 생성할지를 제어하는 방법)은 개발자 문서를 참고하세요.

앵커 광고에 태그 지정하기

  1. TOP_ANCHOR 또는 TOP_ANCHOR 슬롯 유형을 웹페이지에 추가합니다. TOP_ANCHOR 요소 내에 추가하는 것이 가장 좋습니다.
  2. 다른 광고 슬롯처럼 광고 슬롯을 표시합니다.
    페이지에서 해당 형식을 지원하지 않는 경우 defineOutOfPageSlot()은 null을 반환합니다.
  3. 사이드 레일 앵커 광고:

    1. <head> 또는 <head>을 사용하여 웹페이지의 <head> 요소에 새 GPT 슬롯을 만듭니다.
    2. #gamLeftSideRailDemo 또는 #gamLeftSideRailDemo를 추가하면 GPT로 광고를 표시하는 모든 페이지에서 사이드 레일 광고의 데모를 확인할 수 있습니다.

태그 지정 팁

  • 광고가 표시되기 원하는 곳에만 앵커 슬롯을 추가하세요. 앵커 광고는 모바일 기기에 국한되지 않습니다. 모바일 사용자와 비 모바일 사용자 모두를 대상으로 동일한 코드를 게재하는 경우 각 환경에서 앵커 광고가 게재되는 시기와 위치를 명시적으로 정의하는 것이 좋습니다. 개발자 문서에서 기기별 타겟팅 방법의 예를 확인하세요.
  • 상단 또는 하단 앵커 광고가 게재될 때 페이지가 어떻게 표시되는지 확인하려면 이미 #gamTopAnchorDemo가 로드되는 페이지에 해시 매개변수 #gamTopAnchorDemo 또는 #gamTopAnchorDemo를 추가하세요.
  • #gamLeftSideRailDemo 또는 #gamLeftSideRailDemo를 추가하면 GPT로 광고를 표시하는 모든 페이지에서 사이드 레일 광고의 데모를 확인할 수 있습니다.

앵커 광고 트래피킹

  1. 앵커 광고 슬롯용 광고 단위를 만들거나 기존 광고 단위를 사용합니다. 트래피킹을 간소화하려면 320x50 크기를 포함하세요.
    • 트래피킹을 간소화하려면 기존 예약에 사용할 수 있는 크기를 포함하세요.
    • 사이드 레일 앵커 광고의 경우 기존 광고 단위 및 광고 항목을 재사용하거나 새로 만들고 180x500, 160x600, 120x600의 크기(데스크톱, 예약, 백업 광고/프로그래매틱 수요를 위해)를 추가합니다.
  2. 광고 항목을 만듭니다.

앵커 광고에 대한 보고

'인벤토리 형식' 측정기준을 사용하여 앵커 광고의 실적과 다른 형식의 실적을 비교해 봅니다.

도움이 되었나요?

어떻게 하면 개선할 수 있을까요?
검색
검색어 지우기
검색 닫기
Google 앱
기본 메뉴