Google AdSense: 広告がはみ出るのを直す方法

  • -

    シェア
  • ---

    LINEで送る
  • -

    はてなブックマーク
    ブックマーク
  • -

    pocket
  • -

    rss
他言語サイト
us us
networkの画像

ある日突然、Googleアドセンスの広告サイズがページ幅サイズに大きく広がってしまいました。

それまではcssでサイズを指定していたのですが、突然cssが効かなくなったのです。その対処方法です。

ある日突然、広告がページ幅いっぱいに広がってはみ出る

2017年11月末、Googleアドセンスの広告が、ページ幅いっぱいに広がるようになってしまいました。

タイル状に配置されたブログの関連記事の中に、Googleアドセンスのインフィード広告を差し込んでいます。その広告が突然巨大表示されるようになりました。

ページが大きく崩れるように表示されてしまったので、緊急な対応が必要でした。

原因は、cssで指定しているコンテンツのサイズが、htmlのstyle属性もしくは、JavaScriptで指定されたもので上書きされていることでした。アドセンス広告のサイズの制御はcssで行っています。

これではcssで対応しようとしても修正されません。そこで最終手段に出ることにしました。

Googleアドセンスのコードに直接サイズを指定する

そこで、アドセンスのコードのstyleで直接サイズを指定する修正を行いました。修正内容は次にようになります。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle gads"
    style="display:block; width:258px; max-height:258px;"
    data-ad-format="fluid"
    data-ad-layout-key="******"
    data-ad-client="******"
    data-ad-slot="*****"></ins>
<script>
    (adsbygoogle = window.adsbygoogle || []).push({});
</script>

insタグのstyle属性でサイズ指定をしました。これで修正できました。

これはあくまで暫定措置

これはあくまで最終手段で暫定措置です。

この方法は推奨される方法ではありません。アドセンスの規約は貼り付けコードの改造は禁止しています。これが改造にあたるのかさえ分かりません。

また、一般的には、コンテンツのサイズ指定はCSSで行い、htmlのstyle属性での指定は行なわないとされています。さらにこの方法では、レスポンシブなサイズで広告を表示するものには対応できません。ぼくの場合は、タイル状の広告はスマホとサイズが同じなのでできた方法です。

Googleが何かの修正を行なったから発生したのかもしれません。とりあえずこのままで様子を見ようと思います。

 

最近Webカテゴリでよく読まれている記事です。
post-cta-image
blog image

ドメイン取得の意味が分からない人へ。王道の方法を紹介します。

ドメインの登録業者を選ぶのに悩む必要はないです。サイトを簡単に早く公開するには全くいらないことで、むしろ邪魔です。『お名前.com』というサービスは必ず耳にします。そのお名前.comのメリットとデメリットと一緒に、ドメインの意味が分からない人が一番失敗しないドメインの取得方法を紹介します。

tadtadya.com

_

SNSでも記事を配信しています。
コメントを残す

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

この記事を気に入ったらぜひシェアも!!