插頁式DFP廣告未填滿屏幕

我嘗試在應用程序（iOS）的啓動屏幕後集成插頁式廣告。正如預期的那樣，Google提供的廣告用於測試。我的問題是創建我自己的廣告素材。插頁式DFP廣告未填滿屏幕

由於插頁式廣告只有4種授權尺寸（320x480,480x320,768x1024和1024x768），我不知道如何爲iPhone 5,6，...設置圖像或將320x480圖像縮放爲全屏。

我試圖創建一個HTML5廣告素材，調整圖像大小以適應屏幕，但它仍然是小320x480：

下面是HTML 5的代碼：

<!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>

我知道可以根據屏幕的大小創建指定圖像的宏，但是我沒有找到任何示例。我接受任何建議。

對不起，這可能是一個duplicate但提供的答案不起作用。

來源

2016-07-29 Bogy

我通過創建自定義廣告素材（新廣告素材>移動應用>自定義）找到了一個工作解決方案。

我使用的代碼波紋管（代碼片段域）插入的圖像（調整大小並居中到屏幕）和圖像鏈接到點擊後鏈接：

<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>

來源

2016-08-02 14:56:32 Bogy

自定義廣告是正確的但示例代碼應該完全像這樣。

<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的Flex的選項是這種情況下，最好的選擇水平和垂直aligment。

https://jsfiddle.net/9byg3t1n/

來源

2017-09-27 12:37:34 ersinyilmaz

插頁式DFP廣告未填滿屏幕

回答

相關問題