web-dev-qa-db-ja.com

320px未満の幅のモバイル画面用に私のウェブサイトのAdSense広告の周りにテキストをラップする

添付の画像は、携帯電話をエミュレートできるようにWebブラウザーの画像を240ピクセル幅にサイズ変更したものです。

Adsenseは、広告の周りにテキスト（別名「コンテンツ」）をラップすると気に入っているようですが、このスクリーンショットは、広告ユニットの右側に「Entertainment」という単語を収めることができないために悲しみを与えています。ここでの広告サイズは、幅160ピクセル、長さ320ピクセルです。また、テキストの流れにはギャップがあります。画面の幅を240ピクセルより大きくすると、これらの問題は発生しません。

ユーザーに最適な方法を実験して学ぶのが好きなので、レスポンシブ広告に反対します。

160px x 600pxの広告ユニットを使用してみましたが、そのユニットは私にその日の収益をもたらしていたからです。

いくつかのオプションがありますが、どちらがユーザー、すべてのデバイス、およびGoogle AdSenseチームに最適かはわかりません。

次のいずれかを実行できます。

  1. 「エンターテインメント」という単語を広告ユニットの右側に合わせることができるように、文字を詰め込むことができるフォントファミリを選択します。現在、私はArialを使用していますが、私の状況を考えると、どのフォントを使用するのが最適かはわかりません。

OR

  1. wordの「Entertainment」がうまく収まるようにフォントサイズを小さくし、ユーザーがテキストを表示できるように祈ります。

OR

  1. 単語の一部が1行の終わりに収まり、他の部分が次の行から始まるように、一部の単語（「エンターテイメント」など）が分割できるようにCSSルールを適用します。

AdSenseがクライアントベース全体よりもページのテキストコンテンツに関心があることを考慮すると、オプション3に進むことを検討していますが、AdSenseで問題ないか、AdSenseボットがその一部を信じるかどうかに興味があります単語の私のサイト上の単語全体です。

AdSenseポリシーを遵守し、自分のWebサイトをすべてのモバイルスマートフォンと互換性のあるものにするという点で、3つのオプションのうちどれを使用するのが最適ですか？

Preview

google-adsensemobilecontentgoogle-adsense-policies
1
Mike

デバイスの幅が240px以下の携帯電話が多い（またはある？）かどうかはわかりませんので、あまり心配しないでください。

また、レスポンシブ広告ユニットを使用して、画面サイズごとに広告ユニットのサイズを指定してみませんか。

<style type="text/css">
.adslot_1 { display:inline-block; width: 120px; height: 600px; }
@media (max-width: 280px) { .adslot_1 { display: none; } }
@media (min-width:400px) { .adslot_1 { width: 160px; height: 600px; } }
@media (min-width:800px) { .adslot_1 { width: 336px; height: 280px; } }
</style>
<ins class="adsbygoogle adslot_1"
   data-ad-client="ca-pub-1234"
   data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).Push({});</script>

上記のコードは、このようなデバイスの広告を表示します-

  • 280px未満のデバイス-広告なし（または120x600pxの広告もここに表示できます）
  • 280-400pxデバイスの場合-120x600広告
  • 400-800pxデバイスの場合-160x600広告
  • 800pxを超えるデバイスの場合-336x280広告

ここでAdSenseコードを変更する について詳しく読むことができます。

1
Aakash