Ad Manager를 사용하여 시각적 스토리텔링을 위한 오픈소스 광고 형식인 웹 스토리에서 맞춤 광고 소재를 트래피킹하세요. Google 검색과 같은 플랫폼이나 직접 소유 및 운영(O&O)하는 제품에서 웹 스토리를 실행할 수 있습니다.
웹 스토리에서는 광고가 웹 스토리 콘텐츠 사이에서 전체 페이지로 표시되는 단일 페이지 스토리 광고를 지원합니다.
웹 스토리에 대해 자세히 알아보세요.
웹 스토리에 대한 프로그래매틱 수요를 활성화할 수도 있습니다.
웹 스토리 구성
<amp-ad> 요소를 사용하여 웹 스토리 내에 단일 페이지 광고를 표시할 수는 없습니다. 대신 <amp-story-auto-ads>를 사용하여 페이지를 태그하세요.
웹 스토리에서 맞춤 광고 소재 트래피킹
웹 스토리를 통해 게시자 및 광고주가 Ad Manager에서 맞춤 광고 소재로 이미지나 동영상을 사용할 수 있습니다.
- Google Ad Manager에 로그인합니다.
- 맞춤 광고 소재를 만들고 '코드 유형'으로 AMP를 선택합니다.
- 광고 소재 코드를 '코드' 상자에 입력합니다.
<meta>태그를 포함하여 클릭 시 사용자를 방문 페이지로 안내하는 CTA 버튼을 삽입합니다.amp-sidebar또는amp-accordion등의 다른 AMP 확장자도 웹 스토리에서 렌더링될 수 있지만, 클릭 가능한 요소는 CTA 버튼뿐입니다.amp-cta-url: CTA 버튼의 방문 페이지 URL입니다. 앵커 태그는 지원되지 않습니다. 대신, 클릭 매크로(%%CLICK_URL_UNESC%%) 및 대상 매크로(%%DEST_URL%%)를 사용하여 값을 삽입하세요.amp-cta-type: 사전 정의된 선택 항목 집합에서 구성해야 하는 CTA 버튼 유형입니다.
<!DOCTYPE html> <html amp4ads> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1"> <meta name="amp-cta-url" content="%%CLICK_URL_UNESC%%%%DEST_URL%%"> <meta name="amp-cta-type" content="EXPLORE"> <style amp4ads-boilerplate> body { visibility:hidden } </style> <style amp-custom> amp-img {height:100vh;} amp-img img {object-fit: contain} </style> <script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script> </head> <body> <amp-img src=%%FILE:JPG1%% layout="fill" height="1280" width="720"></amp-img> </body> </html> - 타겟 광고 단위 크기로 1x1을 선택합니다.
- 세부정보를 구성하고 저장을 클릭합니다.
추가 속성 전달
추가 데이터(예: 타겟팅 정보)를 속성으로 생성된 <amp-ad> 태그에 전달하려면 웹 스토리 자동 광고 개발자 문서를 읽고 ad-attributes JSON 개체를 위한 추가 키-값 쌍에 대해 자세히 알아보세요.
