AMP での広告の問題点多くのサイトが、AMP に対応しています。そして、多くのサイトが、AMP ページに Google Adsense を設置されています。 しかし、あらゆるデバイスに最適化したレスポンシブ対応の広告は、あまり見かけません。 AMP 特有の media 属性を使えば、画面幅に合わせた広告サイズを指定できます。この media 属性を Google Adsense に指定する方法をご紹介します。 一般的に、AMP ページに Google Adsense を設置するには、下記の広告コードを使います。公式の AMP 対応のディスプレイ広告ユニットを作成する の説明のとおりに、Google Adsense 管理画面から取得したコードです。 <amp-ad width="100vw" height="320" type="adsense" data-ad-client="ca-pu
![AMP でのアドセンス広告のサイズを画面幅に応じて変更する方法 - FirstLayout](https://cdn-ak-scissors.b.st-hatena.com/image/square/0892d0acc19bc52edad3442300689d0e87d59819/height=288;version=1;width=512/https%3A%2F%2Ffirstlayout.net%2F_astro%2Famp.BTIr7vbc_ZH6x6M.png)