2016-08-05 3 views
0

Google DFPでキ​​ャンペーンを実行する必要があります。カスタムコードを使用すると、ウェブサイトの上に反応しやすいフルスクリーンのdivが追加されます。ここでの問題は、非同期ではなく、同期Google DFPタグを使用するだけです。非同期でなければなりません。Google DFP非同期タグのカスタムコード

私は本当に問題が何であるか分かりません(おそらく、adsizeが1x1であり、iFrameが拡張する必要があるとは思わないのでしょうか?おそらく私のコード全体がiFrameから外れているはずですが)フレンドリーなiFrameを使用して広告がロードされます...

どうすればこの問題を解決できますか?

私のウェブサイトの上に表示されるはずのコードです。

<!-- INTERSTITIAL --> 
<div class="container-fluid"> 
    <a href="%%CLICK_URL_UNESC%%[%URL%]" target="[%TARGET%]"> 
    <div id="AD_TakeOver"> 
<span class="FloatRight Exo PaddingRight16" style="position: fixed; right: 8px;" title="Anuncie você também no JUDÃO! Entre em contato. :)"> 
<svg style="vertical-align: middle;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000" height="16" width="16"><path d="M1840.478 1080.596l61.522-426.8-397.714 61.775 240.748-329.09-333.15-243.29-264.875 362.072-51.6-331.62L668.593 114l66.246 425.767L98 328.564l394 544.24-302.02 46.91-61.522 426.798 454.81-70.64-268.363 366.838L648.055 1886l244.294-333.94 42.535 273.38 426.96 60.56-65.61-421.678 362.303 264.58 243.462-332.8-367.053-268.05z" fill="#FFF"/></svg> PUBLICIDADE</span> 

<div class="Bottom" style="text-align: center;"> 
<svg style="margin-top: 62px;" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 306 306"><path fill="#FFF" d="M270.3 58.65L153 175.95 35.7 58.65 0 94.35l153 153 153-153"/></svg> 
</div> 
    </div></a> 
    </div> 

<style> 
#AD_TakeOver{ 
background-image: url("[%IMAGE%]"); 
-webkit-background-size:cover!important; 
-moz-background-size:cover!important; 
-o-background-size:cover!important; 

background-size:cover!important; 
background-attachment:fixed!important; 
background-position:center!important; 
background-repeat:no-repeat!important; 
height: 100vh; 
position:relative; 
border-bottom:8px SOLID #000; 
border-top:1px SOLID #000; 
color:#FFF; } 

#AD_TakeOver .Bottom { 
position:absolute; 
bottom:0; 
background-color:transparent!important; 

background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAB4CAQAAAEFAdueAAAAhUlEQVQoz3WQ0Q5DIQhDTwtu///He9jVobKEkFKaFgWZMGmGGeY1613wMGkS/AW7sopHEct4r5j9qOzIKPpqIrChc15YJgufpa9E/w+906NErK32xOe8DiOEjLABjIhnvFoYn9s5mlwolrjjjq12XdaMy6CzUsPZuNzcPUbV4FjUL/mN+gBXngOnAbq0QwAAAABJRU5ErkJggg==) repeat-x; 

background-size:2px 120px; 
border-bottom:0!important; 
overflow:hidden!important; 
height:120px!important; 
max-height:120px!important; 
width:100%; 
vertical-align:bottom; 
line-height:120px;} 

</style> 
<!-- /INTERSTITIAL -->` 

答えて

0

コード例はクリエイティブで指定されたコードですか?

問題はあなたの言ったとおりです! 同期バージョンで動作する理由は、コードがDOMに直接挿入されるためです。非同期の場合、幅と高さが1pxのiframeの内側にあります。

私はクリエイティブの中にそのような多くのHTML/CSSコードを持っているのではありません。いくつかのソリューションがあります。

  1. は、リッチメディアプロバイダ(お金がかかるし、この「簡単な」何かのために、私はアプローチ2と一緒に行きたい)
  2. を使用し、私はそれがどのようにRMPの仕事だと考えている(JSソリューションを書きますが、私はそれを調査していない)

アプローチ2:

どちらかのiframe OR(と私が好むの幅と高さを設定するために創造的な内部で呼ばれていますいくつかのJSを書く)

クリエイティブインサイド0

は、サイトのhtml/cssの-のフォルダに移動することができるすべてのHTMLとCSSコード(#AdTakeoverの背景画像CSSを除く)

<script> 
showInterstitial('%%CLICK_URL_UNESC%%[%URL%]', '[%TARGET%]', '[%IMAGE%]') 
</script> 

のようなものを書きます。

display:noneのすべてのページにインタースティシャルhtmlを追加できます。この関数が呼び出されると、それを表示するように変更することができます:必要なDOM要素をブロックして更新する(リンク、#AdTakeoverのインラインスタイルの背景画像など)

関連する問題