웹 스토리는 시각적 스토리텔링을 위한 오픈소스 형식입니다. 애드센스를 사용하여 웹 스토리에 광고를 게재할 수 있습니다. 현재는 Google 디스플레이 광고만 애드센스를 통해 사용할 수 있지만 곧 더 많은 수요 파트너가 제공될 예정입니다.
작동 방식
웹 스토리용 광고 단위 만들기
- 애드센스 계정에 로그인합니다.
- 광고를 클릭합니다.
- 광고 단위 기준을 클릭합니다.
- 디스플레이 광고를 클릭합니다.
- 광고 단위에 이름을 지정합니다. 나중에 쉽게 찾을 수 있도록 광고 단위를 설명해 주는 고유한 이름을 사용하는 것이 좋습니다.
- '광고 크기' 섹션에서 반응형을 선택한 상태로 둡니다.
- 만들기를 클릭합니다.
웹 스토리에 광고 단위 삽입하기
- 페이지의
<head>에amp-story-auto-ads자바스크립트 파일을 포함합니다.<script async custom-element="amp-story-auto-ads" src="https://cdn.ampproject.org/v0/amp-story-auto-ads-0.1.js"></script> <amp-story-auto-ads>태그를 사용하여 웹 스토리에 광고 단위를 삽입합니다.<amp-story>
<amp-story-auto-ads>
<script type="application/json">
{
"ad-attributes": {
"type": "adsense",
"data-ad-client": "ca-pub-0000000000000000",
"data-ad-slot": "00000000"
}
}
</script>
</amp-story-auto-ads>
...
</amp-story>- 광고 단위 코드에서
data-ad-client및data-ad-slot값을 복사하고 위 구성에서 강조표시된 코드를 바꿉니다. 애드센스에서 이 값을 찾으려면 광고 > 개요 페이지에서 코드 가져오기를 클릭하세요.
를 클릭하세요.웹 스토리 광고 단위의 실적 추적하기
웹 스토리 광고 단위의 실적을 추적하려면 광고 단위 보고서를 확인하세요.
