2

내 애플리케이션의 실행 화면 (iOS) 이후에 삽입 광고를 통합하려고합니다. 테스트를 위해 Google에서 제공 한 광고로 예상대로 작동합니다. 내 문제는 내 자신의 광고 소재를 만드는 것입니다.삽입 광고 DFP 광고가 화면을 채우지 않습니다.

삽입 광고 (320x480, 480x320, 768x1024 및 1024x768)에 승인 된 크기가 4 개 밖에 없으므로 iPhone 5, 6에 이미지를 설정하는 방법을 모르거나 320x480 이미지 크기를 전체 화면으로 설정하는 방법을 모르겠습니다.

나는 화면에 맞게 이미지 크기를 조정하는 HTML5 소재를 만들려고하지만 여전히 320 × 480이다 :

<!DOCTYPE html> 
<html> 
    <head> 
    <title>ad</title> 
    <script type="text/javascript"> 
     var clickTag = "http://www.google.com"; 
    </script> 
    <style type="text/css" media="screen"> 

html{ 
    background-color: #CCC; 
} 
body{ 
    /* Workaround for some mobile browsers */ 
    min-height:100%; 
} 
.className { 
    max-width: 100%; 
    max-height: 100%; 
    bottom: 0; 
    left: 0; 
    margin: auto; 
    overflow: auto; 
    position: fixed; 
    right: 0; 
    top: 0; 
} 
    </style> 
    </head> 
    <body> 
    <a href="javascript:window.open(window.clickTag)"> 
    <img src="image.png" class="className" /> 
    </a> 
    </body> 
</html> 

I : 여기

interstitial screenshot

는 HTML 5의 코드 화면의 크기에 따라 이미지를 할당하는 매크로를 만들 수는 있지만 어떤 예제도 찾지 못했습니다. 나는 어떤 제안이든 열려 있습니다.

긴 게시물을 보내시면 죄송합니다. 아마도 duplicate 일 수 있지만 답변이 제대로 작동하지 않습니다.

답변

1

맞춤 소재 (새 광고 소재> 모바일 앱> 맞춤 설정)를 만들어 작동하는 해결책을 찾았습니다.

<div style="max-height:100%;max-width:100%; text-align: center;"> 
    <a href="%%CLICK_URL_UNESC%%%%DEST_URL%%"> 
     <img src="%%FILE:PNG2%%" style="max-height:100%;max-width:100%;vertical-align: middle;" /> 
    </a> 
</div> 
0

맞춤 광고가 맞다 :

나는 코드를 넣고 (코드 스 니펫 필드) 이미지 (화면로 조정을 중심으로)를 삽입하고 클릭 연결 URL로 이미지를 연결하기 위해 사용 그런데 샘플 코드는 정확히 이와 같아야합니다.

<div style="width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; background-color: #000; "> 
<a href="%%CLICK_URL_UNESC%%%%DEST_URL%%" style="width: 320px; height: 480px; display: block;"> 
    <img src="%%FILE:PNG1%%" style="width: 320px; height: 480px; vertical-align: middle;" /> 
</a> 

나는 CSS 플렉스 옵션이 경우에 가장 적합한 옵션을 수평 및 수직 aligment 생각합니다.

https://jsfiddle.net/9byg3t1n/

관련 문제