タグ: アドセンス

アドセンス広告は、レスポンシブ広告でほぼほぼよいが、不満があったので、表示する画面サイズによって、出力する広告のサイズをきっちり固定することにした。

https://support.google.com/adsense/answer/9183363#adv&zippy=%2C%E7%94%BB%E9%9D%A2%E3%81%AE%E5%B9%85%E3%81%94%E3%81%A8%E3%81%AB%E6%AD%A3%E7%A2%BA%E3%81%AA%E3%82%B5%E3%82%A4%E3%82%BA%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AE%E4%BE%8B

広告のサイズについては、下記。

https://support.google.com/admanager/answer/1100453?hl=ja

サイトに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用のアドセンスコードを設置。