web-dev-qa-db-ja.com

（レスポンシブ目的で）JavaScriptでAdSense広告の位置を変更できますか？

サイドバーに広告が表示されるレスポンシブブログがあります。ただし、モバイルデバイスでは、サイドバーは投稿の下の下部に押し込まれます。

だから私がやりたいのは、サイドバーから広告を移動し、モバイルデバイス上の投稿自体に挿入することです enter image description here

私はjavascriptを使用してこれを行います：

<div id="main">
    <div id="article">
        <div class="post">
            <p class="intro"></p>
            <p class="text"></p>
        </div>
    </div>
    <div id="sidebar">
        <div class="adbox-1"></div>
    </div>    
</div>

<script>
    jQuery(document).ready(function(){

        // AD REPOSITION
        if ($(window).width() < 769) {
            $('.ad-box1').insertAfter($('.intro'));           
        }
     });
</script>

広告は常にサイドバーに読み込まれますが、画面の幅が768px未満の場合、他の場所に移動します。

これはAdS​​enseの利用規約に違反するのだろうか？

javascriptgoogle-adsenseadvertisinggoogle-adsense-policies
3
Tony Fire

@ media-queries の方が簡単だと思います。

2つの広告ユニットを読み込み、768ピクセル未満で一方を非表示にし、他方を表示します。 これは有効です 。

使用しているソリューションは優れていますが、新しい広告ユニットを768未満で挿入すると、もう一方も削除する必要があります。

このガイド Googleのできないことについて説明します。

  1. レスポンシブ広告ユニットを実装している場合を除き、いつでも広告ユニットを非表示にします（例：display：none）。
  2. コンテンツをカバーする方法でAdSense広告コードを実装する
  3. 任意の手段を使用して、1ページに3つ以上のAdSense広告ユニットを強制的に表示する
  4. 非表示のキーワード、IFRAME、またはその他の方法を使用した広告ターゲティングの操作
  5. メールまたはソフトウェアで広告を配信する
  6. 不当な注意を引くためにスライドするフローティング広告またはユニット

メディアクエリが可能です。

とにかく、両方のアプローチはAdsenseによって有効なようです。

4
nunorbatista