Google Adsenseの広告が半分で途切れてしまうときの対処法

Adsenseの広告が画面半分で途切れてしまうエラーが発生したので、
そのときの解決法を書いておこうと思います。

この場合のエラーの問題は幾つかあると思うのですが、
自分のケースではレスポンシブデザインでのCSS設定が原因でした。

iframeのmin-heightを設定する

元々、CSSでPCのiframeが、
min-height:350px;
と設定してあったのですが、他の設定がおかしくなるので、
このソースコードを外したことにより、
上の画像のように広告が画面半分しか表示されないようになってしまいました。

ということで、もしiframeの高さの設定をした直後であれば、
上のソースを直すことで解決することができます。

iframeでもdivクラスとかを上手く使えば、
CSSの適応を併用することはできるので、上手く調整できるかと思います。

その他の原因に関しては、Google先生に訪ねて、他の解決策を調べてみてください。

SPONSORED LINK