2017-03-04 5 views
0

私はウェブサイトで広告を配信するためにgoogle dfpを使用しています。私は、デスクトップとモバイルでの別の場所で別の場所に提供するために必要なので、私はこのようにそれを作ってみる:ダブルIDのGoogle dfp広告

.mobileShow { display: none;} 
 

 
    /* Smartphone Portrait and Landscape */ 
 

 
    @media only screen 
 

 
    and (min-device-width : 320px) 
 

 
    and (max-device-width : 480px){ .mobileShow { display: inline;}} 
 

 
    .mobileHide { display: inline;} 
 

 
    /* Smartphone Portrait and Landscape */ 
 

 
    @media only screen 
 

 
    and (min-device-width : 320px) 
 

 
    and (max-device-width : 480px){ .mobileHide { display: none;}}
<div class="mobileShow"> 
 
<div id='div-gpt-ad-1421767832590-6' style='width:300px; height:250px;'> 
 
<script type='text/javascript'> 
 
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1421767832590-6'); }); 
 
</script> 
 
</div> 
 
</div> 
 
<div class="mobileHide"> 
 
<div id='div-gpt-ad-1421767832590-6' style='width:300px; height:250px;'> 
 
<script type='text/javascript'> 
 
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1421767832590-6'); }); 
 
</script> 
 
</div> 
 
</div>

と私は私のコードを追加します。.mobileshowを所定の位置にIモバイルとデスクトップの両方で見たいと思っています。 しかし、dfpは1ページで1つのコード(id)しか提供できません。ディスプレイ:なし;そのサービスは提供されませんが、2番目のコードは表示されません。 助けてもらえますか

答えて

0

独自のCSSクラスを使用する代わりに、DFPの組み込みの応答性の高い広告サポートを使用することをおすすめします。サイズマッピングを定義して、ビューポートのサイズに基づいて広告を表示することができます。

https://support.google.com/dfp_premium/answer/3423562?hl=en

関連する問題