web-dev-qa-db-ja.com

AdSenseレスポンシブ広告ユニットの最大高さを設定する

サイトの右側のバーに2 x（300x250）のAdSense広告ユニットがありました

サイトをレスポンシブにし、これらの広告ユニットをAdSenseレスポンシブ広告ユニットに置き換えました。

私が今抱えている問題は、Adsenseが2 x（300x600）の広告ユニットを提供していることです。 Adsense TOSは、ページごとに1つ（300x600）の広告ユニットしか配信できないと述べています

最大幅は、明らかにAdSenseレスポンシブ広告ユニットによって選択されています。

しかし、ページあたりの300x600広告の数を制限するために親divのmax-heightを250pxに設定しようとすると、max-heightは無視され、adsenseは300x600を表示し続けます

他の誰かがこの問題に遭遇しましたか？その場合、レスポンシブ広告ユニットの最大高さをどのように設定しましたか？

前もって感謝します、

ケス

cssresponsive-designadsense
37
user3275551

data-ad-format="auto"をdata-ad-format="rectangle"に変更できます。 （高度な機能> 横型の例 を参照してください。）

親heightにnotdiv（max-height）を定義する必要があると思います。

広告の高さは（自動的に）adsbygoogle.js（つまり smart sizing ）によって決定されます広告の高さを制御する場合は、data-ad-format（ "rectangle"、 "vertical"、 "horizo​​ntal"または の組み合わせ のように "rectangle、horizo​​ntal"）を使用する必要があります。

または（推奨されません）広告コードを「ダウングレード」して（data-ad-format属性を削除して）、 exact size（s） @mediaクエリ。 （ 正確なサイズの例 を参照してください。）

[〜＃〜] edit [〜＃〜]-Googleは、「 レスポンシブ広告ユニットについて 」ページの「技術的な考慮事項」セクションを更新しました。

レスポンシブ広告ユニットを正常に機能させるために、特別な措置を講じる必要がある状況がいくつかあります。

...

親コンテナの高さは固定または制限されています。レスポンシブ広告は、一部のデバイスやブラウザでは背が高い場合があるため、固定または制限された高さのコンテナ内に配置しないでください。レスポンシブ広告の高さを制限する必要がある場合は、コードを変更し、CSSメディアクエリを使用して親コンテナの高さを設定する必要があります。 レスポンシブ広告ユニットを変更する方法 をご覧ください。

58
galeksic

私はこれをなんとか修正しました-data-ad-formatのコンマ区切りリストを設定できます。

data-ad-format = "rectangle、horizo​​ntal"

これにより、メディアクエリを特定のサイズに設定した場合、モバイル広告が水平に、デスクトップが長方形に設定されます。

ありがとう、Wesiwyg

6
Wesiwyg

それを行うには、<ins style="display:inline-block;......">でCSSを使用するか、クラス<ins class="adsbygoogle ......">を指定します

例Google AdSenseから回答：拡張可能な幅と固定の高さを指定

レスポンシブ広告コードを変更して、CSSを介して広告ユニットの拡張可能な幅と固定の高さを指定できます。次の例は、これらの変更を行う方法を示しています。

高さが固定された拡張可能な幅の例

この例では、レスポンシブ広告コードを変更して、固定高さ90ピクセルと最小幅400ピクセルから最大幅970ピクセルまでの可変幅を指定する方法を示します。

<ins class="adsbygoogle"
   style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
   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>

ポリシーと制限 から：

さらに、次のサイズ制限が適用されます。

  • 1次元のみが300ピクセルを超えることができます
  • 最小幅は120ピクセルです
  • 最小の高さは50ピクセルです
  • 高さも幅も1200ピクセルを超えることはできません。
2
IvanRF

これを行うには、まず広告コンテナまたは広告コードを中央に設定します。このタグを使用して：<center>Adsense code here</center>。次に、以下の例で行ったように、最大​​の高さまたは幅と最小の高さまたは幅を設定します。

<center>
  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
  </script>
  <!--responsive ad -->
  <ins class="adsbygoogle" style="display:block;max-width:specify your maximum width here; max-height: set o your maximum height here; and do the same for min-height:here;min-width:here;"
      data-ad-client="ca-pub-0019"
      data-ad-slot="530000000000"
      data-ad-format="auto"></ins>
  <script>
    (adsbygoogle = window.adsbygoogle || []).Push({});
  </script>
</center>`
0
emmanuelapetsi