こんにちは。
麒麟倶楽部へようこそ。
ブログ運営の中でアドセンスを活用していますが、スマフォ上で広告が左右はみ出て表示されるというトラブルを経験しました。
HTMLをいじったりしましたが改善されず、僕が行った方法がネット上に掲載されていなかったので記事化させて頂きます。
この記事で得られる情報です。
HTMLを調整したのに正しく表示されない…、広告コードが正しいことも確認したのに改善されない…という方は必読です。
2分で読める様にまとめています。
アドセンス広告の左右がはみ出た症状
アドセンス広告の左右がはみ出た症状です。
・アドセンス広告の左右がはみ出る
・一部の広告は適正サイズで表示される
・スマホのみ症状がでる
・PCでは適正なサイズで表示される
使用状況はこんな感じでした。
・広告はレスポンシブル設定
・広告は自動広告と主導広告を併用
・テーマはIMnew（レスポンシブルtype）
・コードはプラグインで一括入力
具体的にその時の画像を見てみましょう。
▲左右の端がはみ出して切れています。
▲こちらが正常な表示です。
広告の両端が切れてしまい色々とネットで調べましたが、症状が複数絡み合っていて対処までに時間が掛かりました。
続いて対処法をご説明します。
アドセンス広告が左右がはみ出た場合の対処法
アドセンスがはみ出た場合の対処法です。
ネットでよくある対処法を試みました。
・レスポンシブルに設定する
・自動広告を一旦すべて取りやめる
・HTMLでコードを書き換える
・コードを貼ってから時間を置く
などなど
コードを誤って貼り付けていたり、登録変更したての場合はうまく表示されないケースがあるそうですが、すべて問題ありませんでした。
また、レスポンシブル仕様で登録しても駄目な場合、固定式に切り替えてコードを貼り直すと改善する！いう書き込みもあり試しました。
しかし、HTMLの書き換えを複数試してみましたが、効果はありませんでした。
最終的に試みたのがテーマの変更です。
使用していたテーマ【IMnew】はレスポンシブル仕様になっていて、それまで写真も切れる事がなく綺麗に表示されていました。
ただ、長期間に渡り更新がされる事もなく放置されている状況でしたので、思い切ってテーマを変更することにしました。
▲更新したのは評価の高い【cocoon】です。
結果はどうでしょう？
▲広告がはみ出す事なく表示されました☆彡
結果的にHTML・アドセンスの設定は何ら問題なく、原因はテーマーが最新のアドセンスに対応出来なくなっていたのです！
この記事のまとめ
如何だったでしょうか。
この記事ではアドセンスがでうまく表示されない場合の対処法をご説明してきました。
原因はアドセンスとテーマの相性でした。
・最新のテーマでもアドセンスとの相性
ここでは2分で対処法をご理解頂けるように簡単にまとめましたが、解決するまでにはかれこれ２週間以上の時間がかかりました。
テーマの変更はリスクがあるので最後まで手を付けませんでしたが、色々試しても改善しない場合はすぐにでも対応すべきです。
なお、テーマ変更はスムーズでした！
更に人気のテーマにした事で、これまでやりたかった事が沢山出来る様になりました。
まさに災い転じて福となりました！