웹 스토리 광고

웹 스토리는 독자가 콘텐츠에 몰입하도록 유도하는 탭 가능한 전면 경험입니다. 웹 스토리 광고를 활용한 광고는 사용자의 경험에 원활하고 주의를 분산시키지 않는 통합을 지원합니다. 따라서 사용자 참여도 및 플랫폼 만족도를 높일 수 있습니다.

광고 배치

웹 스토리는 광고 수량 및 배치를 관리하는 데 amp-story-auto-ads 컴포넌트 하나를 사용합니다.

amp-story-auto-ads는 amp-ad 컴포넌트를 감싸는 래퍼입니다. 해당 컴포넌트는 사용자가 스토리 콘텐츠를 소비하는 동안 동적으로 하나 이상의 광고를 삽입합니다. 최상의 사용자 경험을 제공하려면:

1. 광고는 웹 스토리 런타임으로 사전 렌더링된 후 삽입되어야 합니다. 빈 광고나 로드되지 않은 광고가 사용자에게 표시되지 않습니다.

2. 콘텐츠 비율을 조정하여 광고 밀도를 최적화하고 과포화를 방지합니다. amp-story-auto-ads 컴포넌트는 사용자의 진행 상황에 따라 광고를 삽입할 시점과 위치를 결정합니다.

종종 웹 스토리는 수익 창출의 수익과 사용자 경험 최적화를 위해 처음 두 페이지 다음에 첫 광고를 배치합니다.

사용자 인터랙션

사용자는 화면의 오른쪽 2/3 지점을 탭하여 일반 스토리 페이지와 동일한 방식으로 지난 광고를 지나칠 수 있습니다.

사용자는 시스템 렌더링된 행동 유도 버튼을 탭하여 광고와 바로 상호작용할 수 있습니다. 해당 버튼은 모든 AMP 스토리 광고의 하단 1/3 지점에 표시됩니다. 사용자를 임의의 URL(혹은 관련 앱 스토어)로 보내도록 버튼을 구성할 수 있습니다.

광고용 웹 스토리 구성

웹 스토리는 페이지에서 바로 amp-ad를 지원하지 않습니다. 대신 amp-story-auto-ads 컴포넌트를 통해 모든 광고를 불러와 표시합니다. amp-story-auto-ads 컴포넌트는 amp-story의 직접 하위 요소로 배치되어야 합니다.

<amp-story>
<amp-story-auto-ads>
<script type="application/json">
{
"ad-attributes": {
// ad server configuration
}
}
</script>
</amp-story-auto-ads>
<amp-story-page>
...
</amp-story>

일반적인 amp-ad와는 달리 웹 스토리는 완전히 렌더링된 후에만 표시되므로 <fallback> 또는 <placeholder>가 필요하지 않습니다.

스토리 광고 시작하기

웹 스토리에 광고를 포함하는 가장 간편한 방법은 지원되는 광고 서버의 광고를 제공하는 것입니다.

현재 웹 스토리 광고를 지원하는 광고 서버:

• Google Ad Manager
• 직접 판매된 광고
• 프로그래매틱 광고
• Google AdSense 지원 예정
• MGID
• 직접 판매된 광고
• 기타 광고 플랫폼 통합 가능(Github를 통해 자세한 내용을 문의하세요)

웹 스토리에 광고를 게시하는 데 관심이 있는 광고주라면 자세한 내용을 문의해 주세요.

또한 퍼블리셔는 자체 광고 서버를 설정하여 맞춤 광고를 배치할 수 있습니다. 자세한 프로세스는 이곳에서 확인하실 수 있습니다.

• Written by @CrystalOnScript