カテゴリー
ホームページ製作

amp-adの広告が横にはみ出す

サイトにAMP用、amp-adのadsense広告を入れると、レスポンシブサイトなのに、水平(横)スクロールが出て、右横にはみ出してレイアウトが崩れてました。

水平スクロールが出て、右にはみ出してしまう

adsense広告は下記。

<amp-ad width="100vw" height="320"
     type="adsense"
     data-ad-client="ca-pub-1234567891234567"
     data-ad-slot="1234567890"
     data-auto-format="rspv"
     data-full-width="">
  <div overflow=""></div>
</amp-ad>

原因は、adsense広告の下記のコードが問題でした。

カテゴリー
ホームページ製作

アドセンスが表示されない

ワードプレスでアドセンスが表示されないので、書き残す。
前提環境として、プラグインは

  • AMP
  • Ad Inserter
  • Site Kit by Google

アドセンスにURLは追加済み、自動広告はオンにしてある。AMP用のアドセンスコードを設置。