2

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

インタースティシャルに許可されているサイズは 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>

画面のサイズに応じて画像を割り当てるマクロを作成できることは知っていますが、例は見つかりませんでした。私はどんな提案にもオープンです。

長い投稿で申し訳ありません。おそらく重複していますが、提供された回答は機能していません。

4

2 に答える 2

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>
于 2016-08-02T14:56:32.263 に答える
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 オプションは、この場合の水平方向および垂直方向の配置に最適なオプションだと思います。

https://jsfiddle.net/9byg3t1n/

于 2017-09-27T12:37:34.283 に答える