2

私のアプリケーションの起動画面(iOS)の後にインタースティシャルを統合しようとしています。 Googleがテスト用に提供した広告では、期待どおりに動作しています。私の問題は自分のクリエイティブを作成することです。インタースティシャルDFP広告が画面に表示されない

インタースティシャル(320x480,480x320,768x1024、1024x768)の認定サイズは4つしかないため、iPhone 5,6の画像を設定する方法や320x480画像のスケールをフルスクリーンにする方法がわかりません。

私は画面に合わせて画像のサイズを変更するが、それはまだ320×480だとHTML5クリエイティブを作成しようとしました:

interstitial screenshot

ここでは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ですが、回答が機能していないとします。

答えて

1

私は、カスタムクリエイティブ(新規クリエイティブ>モバイルアプリ>カスタム)を作成して、解決策を見つけました。

私は、画像を挿入する(リサイズして画面にセンタリング)とクリックスルーURLに画像をリンクする(コードフィールドをスニペット)コード怒鳴るを使用:

<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

カスタムクリエイティブが正しいですサンプルコードはこれとまったく同じにする必要があります。

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

関連する問題