앱 캠페인용 HTML5/플레이어블 광고에 대한 정보

HTML5/플레이어블 애셋은 양방향으로 흥미를 유발하는 고유한 방식으로 앱 사용자의 관심을 유도합니다. 이 도움말에서는 HTML5/플레이어블 애셋이 게재될 수 있는 위치, 앱 캠페인에 업로드할 수 있는 크기와 형식, 상호작용 및 전환을 측정하는 방법을 설명합니다.

참고:

앱 캠페인에서는 AMP HTML 애셋이 지원되지 않습니다.
현재 HTML5/플레이어블 광고는 사전 등록 유도 앱 캠페인 및 참여 유도 앱 캠페인에 게재할 수 없습니다.

광고가 게재되는 위치 및 방법

HTML5/플레이어블 애셋은 Google 디스플레이 네트워크에 표시될 때 앱 아이콘, 앱 설명, 설명문안 텍스트 등 다른 애셋과 연결될 수 있습니다. 앱 캠페인은 웹페이지 및 앱에 설정한 모든 제외 관련 계정 설정을 준수합니다. 계정 수준에서 게재위치를 제외하는 방법을 자세히 알아보세요.

HTML5/플레이어블 광고 크기 및 형식

앱 캠페인을 만들기 전에 HTML5 애셋을 만들기 위한 다음 팁을 참고해 보세요.

다음은 현재 HTML5에 허용되는 속성입니다.

방향 태그(애셋은 대부분의 기기에서 전체 화면 광고로 표시됨)

방향	HTML에 지정된 방향
세로 모드	권장: <meta name="ad.orientation" content="portrait"> 허용 가능: <meta name="ad.size" content="width=320,height=480">
가로 모드	권장: <meta name="ad.orientation" content="landscape"> 허용 가능: <meta name="ad.size" content="width=480,height=320">
세로 및 가로 모드	<meta name="ad.orientation" content="portrait,landscape">

업로드하기 전에 HTML5 애셋을 확인하려면 Google Ads HTML5 검사기 도구를 사용해 .ZIP 파일을 실행합니다.
애셋을 최대 5MB의 .ZIP 파일로 업로드하고 .ZIP 내의 파일 수는 512개 이하여야 합니다.
각 광고그룹에 최대 20개의 .ZIP 파일을 업로드할 수 있습니다.
ASCII 이외의 문자에는 UTF-8을 사용해야 합니다.
HTML5 애셋은 다양한 전체 화면 디스플레이 크기로 렌더링되므로 반응형 디자인이 있어야 합니다.
이제 앱 캠페인용 HTML5 광고에 사운드와 동영상이 지원됩니다.
- 참고: 사용자가 플레이어블 광고와 상호작용하기 전에 사운드를 사용 설정해서는 안 됩니다.

애셋 업로드에 문제가 있는 경우 앱 캠페인의 HTML5 애셋 관련 문제를 해결하는 방법을 자세히 알아보세요.

광고 측정 방식

HTML5/플레이어블 앱 캠페인 광고를 사용하면 앱을 다운로드하기 전에 앱과 상호작용할 수 있는 몰입형 환경이 현재 앱 사용자와 잠재적인 앱 사용자에게 제공됩니다. 사용자가 HTML5/플레이어블 광고와 상호작용한 이후에 액션을 취할 수도 있으므로 상호작용 및 전환에 미치는 영향을 정확하게 측정하는 것이 중요합니다.

참여

정의: 사용자가 처음으로 HTML5/플레이어블 광고와 상호작용하거나 이를 클릭하면 사용자 참여로 집계됩니다.
앱 광고 비용 청구 방식: HTML5/플레이어블 광고 비용은 참여당비용(CPE) 방식으로 청구됩니다. 사용자가 처음으로 HTML5/플레이어블 광고와 상호작용하거나 이를 클릭하면 사용자 참여로 기록되어 이에 대한 비용이 청구됩니다.
전환 측정 방식: HTML5/플레이어블 광고의 경우 사용자가 참여 후 30일 이내에 앱을 설치하면 전환으로 집계됩니다. 모바일 앱 전환 추적 기간에 대해 자세히 알아보기

이점

HTML5/플레이어블 앱 설치 광고의 실적을 측정할 때 정확성이 향상됩니다.
전환을 최적화할 수 있도록 보다 정확하고 개선된 전환 데이터가 제공됩니다.

Google Web Designer를 사용하지 않는 경우

HTML 요구사항

HTML5 애셋에는 다음 항목이 포함되어야 합니다.

<!DOCTYPE html> 선언
<html> 태그
<body>tag
<head> 태그 내의 광고 형식 방향 메타 태그. 예: <meta name="ad.orientation" content="portrait">

명시적인 종료 태그(인라인 종료 태그는 허용되지 않음):

유효한 종료 태그의 예: <path></path>
잘못된 종료 태그의 예: <path> 또는 <path />

이러한 요구사항에 따라 인라인 SVG를 .ZIP 번들 내 별도의 파일로 이동해야 할 수 있습니다.

업로드 요구사항

모든 코드와 애셋은 .ZIP 파일에 포함된 리소스로의 상대 경로를 통해 참조되어야 합니다.

다음 항목에 대한 참조 외에 외부 참조는 허용되지 않습니다.

Google Fonts
Google에서 호스팅하는 jQuery
Google에서 호스팅하는 Greensock(파일 버전에 관계없이 작동)
Google에서 호스팅하는 CreateJS
- tweenjs
- easeljs
- createjs

클릭 가능한 버튼

사용자가 클릭 유도 문구 버튼(예: '다운로드')을 클릭하도록 하려면 다음 안내에 따라 exitapi.js 스크립트를 포함하세요. exitapi.js 스크립트를 포함하지 않는 경우 Google Ads에서 클릭 유도 문구('설치') 버튼을 추가합니다.

안내

HTML <head> 태그에 다음 스크립트를 포함합니다. <script type="text/javascript" src="https://tpc.googlesyndication.com/pagead/gadgets/html5/api/exitapi.js"> </script>
다음 자바스크립트를 호출하여 최종 URL(ExitApi.exit())을 사용 설정합니다.
- 예를 들어 표준 앵커를 사용하여 소비자를 최종 URL에 보냅니다.
  - <a onclick="ExitApi.exit()">자세히 알아보기</a>

Google Web Designer를 사용하는 경우

광고 환경	Google Web Designer에서 애셋을 만드는 경우 'Google Ads' 환경을 지정해야 합니다.
지원되는 구성 요소	스와이프할 수 있는 갤러리 회전 갤러리 360° 갤러리 갤러리 탐색 이미지 버튼 스프라이트 시트(Sprite Sheet)
Google Ads에 게시	Google Web Designer에서: 게시를 클릭합니다. 로컬에서 게시를 선택합니다. 최종 .ZIP 파일을 Google Ads에 업로드합니다.
제한사항	확장형 광고는 지원되지 않습니다. HTML5 광고에 쓰인 모든 이미지는 직접 작성된 이미지나 저작권에 저촉되지 않는 이미지여야 하며 ZIP 파일에 구성된 내용의 일부여야 합니다. Google 웹 글꼴만 지원되고 다른 웹 글꼴은 지원되지 않습니다. 환경 타겟 실행에 대해 타이머 및 복수 이탈은 지원되지 않습니다. 로컬 저장소 방법은 HTML5 광고에서 사용될 수 없습니다.

도움이 되었나요?

어떻게 하면 개선할 수 있을까요?