サイドバーに広告が表示されるレスポンシブブログがあります。ただし、モバイルデバイスでは、サイドバーは投稿の下の下部に押し込まれます。
だから私がやりたいのは、サイドバーから広告を移動し、モバイルデバイス上の投稿自体に挿入することです
私は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未満の場合、他の場所に移動します。
これはAdSenseの利用規約に違反するのだろうか?
@ media-queries の方が簡単だと思います。
2つの広告ユニットを読み込み、768ピクセル未満で一方を非表示にし、他方を表示します。 これは有効です 。
使用しているソリューションは優れていますが、新しい広告ユニットを768未満で挿入すると、もう一方も削除する必要があります。
このガイド Googleのできないことについて説明します。
- レスポンシブ広告ユニットを実装している場合を除き、いつでも広告ユニットを非表示にします(例:display:none)。
- コンテンツをカバーする方法でAdSense広告コードを実装する
- 任意の手段を使用して、1ページに3つ以上のAdSense広告ユニットを強制的に表示する
- 非表示のキーワード、IFRAME、またはその他の方法を使用した広告ターゲティングの操作
- メールまたはソフトウェアで広告を配信する
- 不当な注意を引くためにスライドするフローティング広告またはユニット
メディアクエリが可能です。
とにかく、両方のアプローチはAdsenseによって有効なようです。