Google 모바일 광고 SDK를 위한 광고 개발

이 도움말에서는 Google 모바일 광고 SDK용 광고 개발에 대해 설명합니다. 개발자에게 필요한 정보를 설명합니다. 그런 다음 이 정보를 사용하여 광고 동작을 지정하는 태그를 만드는 방법을 설명합니다.

인앱 배너, 확장 가능 배너, 전체 화면 광고 등 다양한 광고 형식을 사용할 수 있습니다. 각 광고 형식에는 고유한 광고 애셋과 기능이 있습니다. 예를 들어 확장 가능 배너는 클릭하면 크기와 배경 색상을 변경할 수 있습니다. Google 모바일 광고 SDK는 MRAID 표준과 호환됩니다.

Google 모바일 광고 SDK를 사용하려면 개발자를 위해 앱 ID, 광고 단위 ID 및 광고 크기를 수집해야 합니다.

이 페이지의 내용:

Google 모바일 광고 애플리케이션 ID 찾기

  1. Google Ad Manager에 로그인합니다.
  2. 인벤토리, 앱을 차례로 클릭합니다.
  3. ID가 필요한 모바일 앱을 찾거나 새 모바일 앱을 요청합니다.
  4. 클릭하여 복사 아이콘을 클릭하여 '앱 ID'를 클립보드에 복사합니다. (예: ca-app-pub-3940256099942544~3347511713)
  5. 이 정보를 개발자에게 보냅니다.

광고 단위 ID 및 크기 찾기

  1. 인벤토리, 광고 단위를 차례로 클릭합니다.
  2. 광고 태그를 만들 광고 단위의 이름을 클릭하거나 새 광고 단위를 만듭니다.
  3. 태그를 클릭합니다.
  4. 태그 유형으로 '모바일 애플리케이션 태그'를 선택하고 계속을 클릭합니다.
  5. '태그 결과'에서 '광고 단위 ID'와 '광고 단위 크기'를 복사합니다. 이 정보를 개발자에게 보냅니다.

추가 JavaScript 함수

Google 모바일 광고 SDK의 기능을 활용하려면 개발자 문서를 참조하세요.

여기에는 광고 소재의 <head> 섹션을 수정하는 데 사용되는 함수가 강조표시되어 있습니다.

모두 펼치기  모두 접기

기기 기능에 액세스

SDK는 iOS 및 Android에서 사용할 수 있는 인앱 브라우저의 기능을 노출합니다. 이는 플랫폼에서 HTML5를 지원하는 경우 개발자가 가속도계, 자이로스코프 및 나침반과 같은 기기 기능에 액세스할 수 있도록 해 줍니다.

개발자 문서Android 및 iOS의 기능에 대해 자세히 알아보세요.
앱 이벤트

앱 이벤트를 사용하면 광고 소재가 앱 이벤트를 전달할 때 애플리케이션에서 맞춤 코드를 실행할 수 있습니다. 또한 앱의 배경 색상을 변경하는 등 애플리케이션과 상호작용하는 맞춤 광고 실행을 도입할 수 있습니다.

개발자 문서앱 이벤트 구현 방법 알아보기
전체 화면으로 이미지 크기 조정

전체 화면 광고가 화면의 일부만 채우는 경우 다음 코드를 광고 소재의 <head> 섹션에 삽입합니다.

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>.

인앱의 샘플 코드: MRAID v2.0을 사용하는 모바일 클릭 투 캘린더

이 템플릿은 화면 하단 배너로 시작하는 배너 광고 단위입니다. 사용자가 배너를 클릭하면 사용자가 동의하는 경우 기본 캘린더 애플리케이션이 새 일정을 만듭니다.

동작 및 UI 요소

광고 소재는 다음 UI 요소로 구성되어 있습니다.

  • 배너 이미지와 이미지의 높이 및 너비
  • 요약, 설명, 위치, 시작일, 종료일 등 이벤트에 대한 정보(필수)
이름 유형 필수 설명
배너 이미지 파일 파일 예 배너 광고의 이미지
배너 이미지 너비 숫자 예 배너 이미지의 너비
배너 이미지 높이 숫자 예 배너 이미지의 높이
이벤트 요약 텍스트 예 이벤트의 요약
이벤트 설명 텍스트 예 이벤트의 설명
이벤트 위치 텍스트 아니요 이벤트의 위치
이벤트 시작일 텍스트 예 이벤트의 시작일입니다. 시작일은 "2016-10-22T00:00-05:00' 형식이어야 합니다. 이 예는 2016년 10월 22일 오전 0시에서 5시까지를 의미합니다.
이벤트 종료일 텍스트 예 이벤트의 종료일입니다. 종료일은 '2016-10-22T00:00-05:00' 형식이어야 합니다. 이 예는 2016년 10월 22일 오전 0시에서 5시까지를 의미합니다.
  

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<head>
<script type="text/javascript" src="mraid.js"></script>
</head>
<body>
<div id="normal" style="display:none; margin:auto;top:0px;text-align:center">
<a href="#" onClick="addToCalendar()"; return false;>
<img width="[%BannerImageWidth%]" height="[%BannerImageHeight%]" src="[%BannerImageFile%]" />
</a>
</div>
<script>

// Check whether mraid is ready by adding event listener
function doReadyCheck(){
  if(mraid.getState() == 'loading'){
    mraid.addEventListener("ready", mraidIsReady);
  }else{
    showMyAd();
  }
}

// Once mraid is ready, it does not need to listen to the ready event anymore
function mraidIsReady(){
  mraid.removeEventListener("ready", mraidIsReady); 
  showMyAd();
}

// Only show Ad when mraid is ready
function showMyAd(){
  var advertElement = document.getElementById("normal");
  advertElement.style.display = 'block';
}

// Add event to the calendar using appropriate input if the device supports calendar manipulation
function addToCalendar(){

  // Register the click by creating an image
  var x = document.createElement("IMG");
  x.setAttribute("src", "%%CLICK_URL_ESC%%");
  window.top.document.body.appendChild(x);

  if(mraid.getVersion()=="2.0"){
    mraid.createCalendarEvent({summary: "[%EventSummary%]", description: "[%EventDescription%]", location: "[%EventLocation%]", start: "[%EventStartDate%]", end: "[%EventEndDate%]"}); 
  } 
  return false;
}

doReadyCheck();
</script>
</body>
</html>

테스트 광고 단위 이름: ali_Calendar

디스플레이 광고용 샘플 코드: MRAID v2.0을 사용하는 확장형 바닥글 템플릿

이 템플릿은 화면 하단의 배너 광고로 시작하는 2개의 구성요소로 된 광고 단위입니다. 사용자가 배너를 클릭하면 광고의 크기는 특정한 펼친 크기에 맞게 조절됩니다. 펼친 크기가 있는 광고를 사용자가 클릭하면 클릭연결 URL로 정의된 URL로 리디렉션됩니다.

너비는 배너 크기 또는 화면의 전체 너비까지 설정할 수 있습니다(FullWidthResize의 값이 '예'인 경우).

동작 및 UI 요소

광고 소재는 다음 UI 요소로 구성되어 있습니다.

  • 광고 소재 애셋(애셋별로 파일, 높이, 너비는 필수임)
    • 배너 이미지 구성요소
    • 크기가 조정된 배너 구성요소
    • 닫기 버튼 아이콘
  • 닫기 버튼이 오른쪽 상단 또는 왼쪽 상단에 있도록 위치를 조정할 수 있습니다.
  • 광고의 배경 색상을 변경할 수 있습니다.
이름 유형 필수 설명
배너 이미지 파일 파일 예 배너 광고에 표시되는 이미지
배너 이미지 높이 숫자 예 배너 이미지의 높이
배너 이미지 너비 숫자 예 배너 이미지의 너비
배경 색상 텍스트 예 크기가 조절된 이미지가 차지하고 있는 공간과 배너가 차지하고 있는 공간의 배경 색상
클릭연결 URL URL 예 사용자가 크기가 조절된 광고를 클릭했을 때 리디렉션되는 URL
크기가 조절된 이미지 파일 파일 예 배너를 클릭했을 때 표시되는 이미지
크기가 조절된 이미지 높이 숫자 예 크기가 조절된 이미지의 높이
크기가 조절된 이미지 너비 숫자 예 크기가 조절된 이미지의 너비
닫기 아이콘 파일 예 '닫기' 버튼의 이미지 파일
닫기 아이콘 너비 숫자 예 '닫기' 버튼의 너비 (평균 너비는 30)
닫기 아이콘 높이 숫자 예 '닫기' 버튼의 높이 (평균 높이는 30)
닫기 버튼의 위치 목록 아니요 '닫기' 버튼이 오른쪽 상단 또는 왼쪽 상단에 있도록 위치를 조정할 수 있습니다. 가능한 값은 '오른쪽' 또는 '왼쪽'입니다. 비워둘 경우 닫기 버튼이 화면 오른쪽 상단에 놓이게 됩니다.
전체 너비 조절 목록 아니요 값이 '예'인 경우 크기가 조정된 광고가 화면의 전체 너비를 차지하도록 할 수 있습니다. 값이 '아니요'인 경우 너비가 원래 배너와 같게 됩니다. 가능한 값은 '예' 또는 '아니요'이며 기본값은 '아니요'입니다.
  

<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<head>
<script type="text/javascript" src="mraid.js"></script>
<style>
#close_button {
  position: absolute;
  top: 4px;
  right: 4px;
  display:block;
}

#resized img {
  display : block;
  margin : auto;
}
</style>
</head>
<body>
<div id="normal" style="display:none; margin:auto;top:0px;text-align:center">
<a onClick="resize();">
<img width="[%BannerImageWidth%]" height="[%BannerImageHeight%]" src="[%BannerImageFile%]"  />
</a>
</div>

<div id="resized" style="display:none; top:0px;">
<a onClick="openURL()">
<img width="[%ResizedImageWidth%]"  height="[%ResizedImageHeight%]" src="[%ResizedImageFile%]"/>
</a>
<div id="close_button">
<img width="[%CloseIconWidth%]" height="[%CloseIconHeight%]" src="[%CloseIcon%]"/> 
</div>
</div>

<script>
<!--
// Variables
var closeButton = document.getElementById("close_button");
var bodyElement = document.body;
var advertElement = document.getElementById("normal");
var resizedElement = document.getElementById("resized");
var resizeBannerWidth;

function changeBodyElementStyle() {
  // Change background color
  if ("[%ResizedBackgroundColor%]") {
    bodyElement.style.backgroundColor = "[%ResizedBackgroundColor%]";
    resizedElement.style.backgroundColor = "[%ResizedBackgroundColor%]";	
  }
}

function openURL() {
  mraid.open("%%CLICK_URL_ESC%%[%ClickThroughURL%]");
}

//Check whether MRAID is ready by adding event listener
function checkIfReady(){
  if(mraid.getState() == 'loading'){
    mraid.addEventListener("ready", mraidIsReady);
  } else{
    showMyAd();
  }
}

function mraidIsReady(){
  mraid.removeEventListener("ready", mraidIsReady); 
  showMyAd();
}

// Set resizing properties and resize
function resize(){
	// If FullWidthResize is "Yes", then the resized advert takes up the whole width. Otherwise takes up the width of the original banner
	if ("[%FullWidthResize%]" == "Yes") {
	    resizeBannerWidth = screen.width;
	} else {
	    resizeBannerWidth = mraid.getDefaultPosition().width;
	}	
	
  if(mraid.getVersion()=="2.0"){
    if ("[%PositionOfCloseButton%]" === "Left") {
	  closeButton.style.left = "0";

mraid.setResizeProperties({"width":""+resizeBannerWidth+"","height":"[%ResizedImageHeight%]","offsetX":"","offsetY":"","customClosePosition":"top-left", "allowOffscreen":false});
	} else {
	  closeButton.style.right = "0";

mraid.setResizeProperties({"width":""+resizeBannerWidth+"","height":"[%ResizedImageHeight%]","offsetX":"","offsetY":"","customClosePosition":"top-right", "allowOffscreen":false});
	}
    mraid.resize();
	return false;
  }
  else{
    return true;
  }
}

// Displays the advert and add an event listener to it to detect whether to resize
function showMyAd(){
  advertElement.style.display = "inline";
  mraid.addEventListener("stateChange",updateAd); 
}

// updateAd is called when MRAID changes state - calls toggleLayer to expand/ reduce ad size
function updateAd(state){
  if (state == "resized"){
    toggleLayer('normal', 'resized');
  }else if(state == "default"){
    toggleLayer('resized', 'normal');
  }
}

// Goes to the other state (either resized or banner)
function toggleLayer(fromLayer, toLayer){
  var fromLayerElem = document.getElementById(fromLayer);
  fromLayerElem.style.display = 'none';
  var toLayerElem = document.getElementById(toLayer);
  toLayerElem.style.display = 'block';
}

changeBodyElementStyle();
checkIfReady();
//-->
</script>
</body>
</html>

테스트 광고 단위 이름: ali_resizeBanner

이 템플릿은 화면 하단의 배너 광고로 시작하는 2개의 구성요소로 된 광고 단위입니다. 사용자가 배너를 클릭하면 광고의 크기가 화면 전체로 조절됩니다. 펼친 크기가 있는 광고를 사용자가 클릭하면 클릭연결 URL로 정의된 URL로 리디렉션됩니다.

이 템플릿은 기본 MRAID 닫기 버튼을 사용합니다.

동작 및 UI 요소

광고 소재는 다음 UI 요소로 구성되어 있습니다.

  • 광고 소재 애셋:
    • 배너 이미지 구성요소(높이 및 너비는 필수임)
    • 확장 배너 구성요소
  • 배너 광고와 확장 광고의 배경 색상을 변경할 수 있습니다.
이름 유형 필수 설명
배너 이미지 파일 파일 예 배너 광고에 표시되는 이미지
배너 이미지 높이 숫자 예 배너 이미지의 높이
배너 이미지 너비 숫자 예 배너 이미지의 너비
배경 색상 텍스트 예 배너 이미지가 차지하고 있는 공간의 배경 색상
클릭연결 URL URL 예 사용자가 크기가 조절된 광고를 클릭했을 때 리디렉션되는 URL
펼쳐진 이미지 파일 파일 예 배너를 클릭했을 때 표시되는 이미지
펼쳐진 이미지 높이 숫자 예 펼쳐진 이미지의 높이
펼쳐진 이미지 너비 숫자 예 펼쳐진 이미지의 너비
  

       
<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<head>
<script type="text/javascript" src="mraid.js"></script>
</head>
<body>
<div id="normal" style="display:none; margin:auto;top:0px;text-align:center">
<a onClick="expand();">
<img width="[%BannerImageWidth%]" height="[%BannerImageHeight%]" src="[%BannerImageFile%]" />
</a>
</div>
<div id="expanded" style="display:none;top:0px;text-align:center">
<a onClick="openURL()">
<img width="[%ExpandedImageWidth%]"  height="[%ExpandedImageHeight%]" src="[%ExpandedImageFile%]" />
</a>
</div>

<script>
<!--

function openURL() {
  mraid.open("%%CLICK_URL_ESC%%[%ClickThroughURL%]");
}

// Change background color if present
function changeBodyElementStyle() {
  if ("[%BackgroundColor%]") {
    var bodyElement = document.body;
    bodyElement.style.backgroundColor = "[%BackgroundColor%]";
  }
}	

// Check whether MRAID is ready by adding event listener
function checkIfReady(){
  if(mraid.getState() == 'loading'){
    mraid.addEventListener("ready", mraidIsReady);
  } else{
    showMyAd();
  }
}

// Once MRAID is ready, it does not need to listen to the ready event anymore
function mraidIsReady(){
  mraid.removeEventListener("ready", mraidIsReady); 
  showMyAd();
}

function showMyAd(){
  // Displays the advert
  var advertElement = document.getElementById("normal");
  advertElement.style.display = "inline";

  // Add event listener to detect whether to expand or not
  mraid.addEventListener("stateChange",updateAd); 

  // Change background color of the expanded advert
  var expandedDiv = document.getElementById("expanded");
  if ("[%BackgroundColor%]") {
    expandedDiv.style.backgroundColor = "[%BackgroundColor%]";
  }
}

function expand() {
  if(mraid.getVersion()=="2.0"){
    mraid.expand();
    return false;
  }
  else {
    return true;
  }
}

// updateAd is called when mraid changes state
// Calls toggleLayer to expand/ reduce ad size
function updateAd(state){
  if (state == "expanded"){
    toggleLayer('normal', 'expanded');
  }else if(state == "default"){
    toggleLayer('expanded', 'normal');
  }
}

// Goes to the other state (either expands or banner)
function toggleLayer(fromLayer, toLayer){
  var fromLayerElem = document.getElementById(fromLayer);
  fromLayerElem.style.display = 'none';
  var toLayerElem = document.getElementById(toLayer);
  toLayerElem.style.display = "block";
}

changeBodyElementStyle();
checkIfReady();
//-->
</script>
</body>
</html>

테스트 광고 단위 이름: ali_expandDefaultClose

전면 광고를 자동으로 종료하는 샘플 코드
직접 예약된 전면 광고만 자동으로 종료할 수 있습니다. 동적 할당을 통해 게재되는 전면 광고(예: Ad Exchange, 애드센스 또는 AdMob)는 사용자만 취소 가능합니다.

정해진 기간이 지난 후에 전면 광고를 종료하려면 다음을 수행합니다.

  • 정해진 기간이 지나면 전면 광고를 종료하는 코드를 광고 소재에 포함합니다. 이 방법을 사용할 경우 다음 코드를 템플릿으로 사용할 수 있습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
      <script type="text/javascript" src="https://www.gstatic.com/afma/api/v1/google_mobile_app_ads.js"></script>
      <script>
        <!--
          function
          _admStartCountDown(){setTimeout('admob.opener.close()',parseInt('[%displayTime%]')*1000)}
          function
          _admOnload(){if(admob.opener.isOverlayShowing()){_admStartCountDown()}else{admob.events.addEventListener('onshow',
          _admStartCountDown)}}
          if(window.addEventListener){window.addEventListener("load",_admOnload,false)}else{window.attachEvent("onload",_admOnload)}
        //-->
      </script>
  </head>
  <body>
    [Your_AdCode_Goes_Here]
  </body>
</html>
타겟 창: 인앱 오버레이 창

admob.opener.openOverlay()를 사용하여 화면 하단에서 애니메이션으로 표시되는 전체 화면 오버레이 브라우저를 열 수 있습니다. 이 브라우저에는 상태 표시줄이 없으며 왼쪽 상단에 항상 닫기 버튼이 표시됩니다. 이 옵션은 전체 화면 광고 소재를 별도의 페이지에 호스팅할 수 있는 확장형 광고에서 원활하게 작동합니다.

다음은 전체 화면 단위가 오버레이 브라우저 창에 로드될 수 있는 배너의 샘플 코드입니다. 다음 자리표시자 요소에 원하는 값을 넣으면 됩니다. 네트워크에서 샘플 코드를 사용할 수 있다면 샘플 코드로 광고 소재 템플릿을 만들 수 있습니다.

  • [BANNER_UNIT]: 배너 광고 소재의 URL입니다.
  • [WIDTH]: 배너 광고 소재의 너비입니다.
  • [HEIGHT]: 배너 광고 소재의 높이입니다.
  • [FULLSCREEN_UNIT]: 전체 화면 광고 소재의 URL입니다. 참고: 전체 화면 단위는 자바스크립트 코드를 포함하여 도착 URL을 파싱하고 클릭 액션 수신 시 사용자를 방문 페이지로 리디렉션해야 합니다. 자세한 내용은 전체 화면 단위에서 도착 URL 처리하기를 참조하세요.
  • [DESTINATION_URL]: 도착 페이지의 URL입니다.
  • [FALLBACK_URL]: 자바스크립트 함수가 실행되지 않는 경우 사용할 대체 도착 URL입니다.
  • [ORIENTATION]: 도착 URL에 지원되는 방향(세로 방향에는 'p', 가로 방향에는 'l'을 사용하고 아무 방향이나 허용하는 경우에는 이 값을 생략)입니다.

다음은 샘플 광고 소재 코드입니다.


<!DOCTYPE html>
<head>
<meta name="viewport" 
content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

<script type="text/javascript" src="https://www.gstatic.com/afma/api/v1/google_mobile_app_ads.js"></script>
</head>

<body>
<a href="[FALLBACK_CLICKURL]" 
onClick="admob.opener.openOverlay('%%CLICK_URL_ESC%%[FULLSCREEN_UNIT]?destination=[DESTINATION_URL]', 
'[ORIENTATION]'); return false;"><img border="0" 
src="[BANNER_UNIT]" width="[WIDTH]" height="[HEIGHT]"></a>
</body>
</html>

전체 화면 단위에서 도착 URL 처리하기

admob.opener.openOverlay() 함수에는 html 콘텐츠의 도착 URL을 지정하는 옵션이 없습니다.

전체 화면 단위를 지정할 때 키-값 쌍의 형식으로 도착 URL을 전달했다고 가정하는 경우(예: 'https://link.to.fullscreen.unit?destination=https://my.destination.url'), 자바스크립트 함수를 작성한 다음 HTML 코드 스니펫을 포함해 클릭을 캡처하고 사용자를 도착 페이지로 리디렉션할 수 있습니다.

다음은 샘플 페이지 소스입니다.


<!DOCTYPE html>
<head>
<meta name="viewport" 
content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

<script type="text/javascript" src="https://www.gstatic.com/afma/api/v1/google_mobile_app_ads.js"></script>

<script type="text/javascript">
function destinationUrl() {
  // '?' 뒤에 현재 url 가져오기
  var destinationUrl = window.location.search;

  // 선행하는 '?' 삭제
  destinationUrl = destinationUrl.substring(1);
  // 대상=url 키-값 쌍 파싱
  var kvPair = destinationUrl.split("=");
  var key = kvPair[0]; // 키: 대상
  var value = kvPair[1]; // 값: url
  var url = decodeURIComponent(value); 

  // 오버레이 안의 대상 열기
  window.location = url;

  // 외부 브라우저에서 대상 열기
  // admob.opener.openUrl(url, true);
}
</script>
</head>

<body>
<div style="position:relative;">
<!-- Load content source into an iframe -->
<iframe src="https://creative.admob.com/t1/bestBuy/tradeinJul/gi/" 
align="middle" frameborder=0 width=320 height=480 marginheight=0 marginwidth=0 scrolling=no></iframe>
<!-- Create a clickable area -->
<a href="#" onClick="destinationUrl(); return false;" style="position:absolute; top:0; left:0; 
display:inline-block; width:320px; height:480px; z-index:5;"></a>
</div>
</body>
</html>

MRAID 호환성

Google 모바일 광고 SDK는 모바일 앱에 표시되는 광고를 위한 IAB의 MRAID(Mobile Rich Media Ad Interface Definitions) 표준을 지원합니다. 타겟팅 추가 및 기기 기능에서 광고 항목 타겟팅 설정을 통해 MRAID v1 또는 MRAID v2로 광고 항목을 설정할 수 있습니다.

MRAID 요건:

  • MRAID v2를 사용하려면 Android의 경우 Google Play 서비스가 v7.8 이상이어야 하며 iOS의 경우 Google 모바일 광고 SDK가 v7.4.0 이상이어야 합니다.
  • MRAID v3를 사용하려면 Android의 경우 Google Play 서비스가 v15.0.0 이상이어야 하며 iOS의 경우 Google 모바일 광고 SDK가 v7.30.0 이상이어야 합니다.

광고 소재에 MRAID 함수를 사용하려면 mraid.js를 광고 소재로 가져와야 합니다. 이렇게 하려면 광고 소재에 <script src="mraid.js">를 포함합니다. MRAID 호환이 가능한 SDK인 Google 모바일 광고 SDK가 광고 소재에서 해당 코드를 찾아 MRAID 구현을 가리키는 실제 URL로 교체합니다. 실제 URL은 다르더라도 MRAID를 지원하는 다른 SDK도 동일한 작업을 수행합니다.

동일한 광고 소재에 Google 모바일 광고 SDK 기능뿐만 아니라 MRAID 라이브러리도 선택적으로 포함할 수 있습니다.

mraid.resize() 및 기타 유사 함수는 광고를 클릭하기 전에는 아무런 영향도 미치지 않습니다. 이는 악의적인 광고 소재가 자동으로 화면의 크기를 변경하고 전체 화면을 차지하는 것을 방지합니다.
개발자 문서Android 또는 iOS를 위한 MRAID 지원에 대해 자세히 알아보세요.

도움이 되었나요?

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

도움이 더 필요하신가요?

다음 단계를 시도해 보세요.

도움말 커뮤니티에 게시하기 커뮤니티 회원의 답변 받기
문의하기 자세히 알려주시면 도움을 드리겠습니다.
true
출시 노트

Ad Manager 최신 기능과 고객센터 업데이트 소식에 대해 읽어 보세요.

새로운 기능 알아보기

검색
검색어 지우기
검색 닫기
기본 메뉴
12539968426834888625
true
도움말 센터 검색
true
true
true
true
true
148
false
false