2019年03月13日

AMPページでグーグルアドセンスが空白に表示される

最新のseo対策の1つ AMPによる高速化ですが
グーグルアドセンスのスペース分が大きく空白表示される問題に困っていました。

無事に解決できたのでメモします

グーグルアドセンスのAMP対応



グーグルアドセンスのamp専用コードを張り付けします。
これで簡単にampページではグーグル広告が表示されますが
通常ページでは何も表示されません

グーグルアドセンス通常ページ用タグ


レスポンシブ広告しか対応できません。
それ以外の広告サイズ指定タイプだと大きな空白が表示されてしまいます。

ワードプレスのページだとレスポンシブのサイズがおかしい


画面幅をうまく認識できずに広告のサイズがおかしかったり
画面外にはみ出すことがあります。

cssの指定や広告コードを変更する必要があります。

グーグル レスポンシブサイズページ

グーグル広告amp対応ページ



amp対応ページ

パソコンで見る場合は グーグルクロームのデベロッパーモードでスマホサイズにしてみてくださいね

ただ、グーグルampプラグインだとメニューが動作しないという問題がまだ解決されていません。
グーグルのamp担当者にもこの問題は伝えたのですが
すぐにはプラグイン側では対応できるか分からなさそうです。

テンプレート業者(TCDなど)で対応してくれるとよいのですが





TWITTER

最終更新日  2019年03月13日 23時11分45秒
コメント(0) | コメントを書く