アドセンスのレスポンシブ広告をレクタングルで表示させたい

  • 解決済 sakumaujiwara01

    (@sakumaujiwara01)


    8年、 2ヶ月前

    記事内でGoogleアドセンスのレスポンシブ広告を、レクタングル(336×280と300×250)で指定して表示させたいです。

    レスポンシブ広告のコードを”auto”から”rectangle”に変更してみたのですが、PC等大きな画面のもので記事を表示すると、336×280よりも大きな広告が表示されてしまいます。
    タブレット、PC等画面サイズの大きい環境では336×280を、336px以下のスマホでは300×250で表示させたいと考えております。

    テーマは無料版の「ColorMag(by ThemeGrill)」を使用しています。

    ご教示のほどよろしくお願いいたします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • mina35997

    (@mina35997)

    8年、 2ヶ月前

    Googleアドセンスの広告のサイズを改変すると規約違反でペナルティです。

    munyagu

    (@munyagu)

    8年、 2ヶ月前

    こんにちは

    レスポンシブだとレスポンシブなので画面サイズに合わせて大きくなるんだと思いますが・・・

    336×280と300×250の２つのサイズの広告をAdsenseの広告の設定で生成し、それぞれをpc、smというクラス名のdivタグで囲います

    <div class="pc">
  <!-- 336×280 の広告 -->
</div>
<div class="sm">
  <!-- 300×250 の広告-->
</div>

    そして以下のようなメディアクエリをcssに定義すれば、640pxを境に表示し分けることができます。

    @media (max-width: 640px) {
  .pc {
    display: none;
  }
}
@media (min-width: 641px) {
  .sm {
    display: none;
  }
}

    メディアクエリについてはWordPressとは直接関係がない話題ですので、以下のサイト・・などは分かりにくいですが、お調べになったら良いと思います。
    https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Media_queries

    ユーザーエージェントで表示するテンプレートを出し分けるプラグインもあったような気もしますが、cssで出し分けるより面倒くさいのではないでしょうか。
    使ったことが無いので分かりませんが。

    トピック投稿者 sakumaujiwara01

    (@sakumaujiwara01)

    8年、 2ヶ月前

    mina35997様
    他の方がこの方法を利用していたのですが、気を付けます。
    ありがとうございます！

    munyagu様

    プラグインではなく、教えて頂いた方法で早速試してみたいと思います。
    わかりやすく解説してくださり、ありがとうございます！

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「アドセンスのレスポンシブ広告をレクタングルで表示させたい」には新たに返信することはできません。