サイトをAMP化し、サイトを確認すると、アドセンス広告がなくなっていることに気が付きます。
AMP化したサイトでは、今まで使用していたGoogoleアドセンスのコードでは広告を表示することができません。
AMP化したサイトでGoogoleアドセンスの広告を表示させるには、「アドセンス」管理画面からAMP自動広告の設定をする必要があります。以下の手順を行うことで、今まで通りGoogleアドセンスの広告が表示されるようになります。
AMP自動広告の設定方法
- 「アドセンス」管理画面にログイン
- 「広告」クリック
- 「自動広告」クリック
- 「AMP自動広告」クリック
- ディスプレイ広告フォーマットをオンにする
- スクリプトをコピーして、AMP HTMLのheadタグ内に貼り付ける
- 広告コードをコピーして、AMP HTMLの本文に貼り付ける
「スクリプトをコピーして、AMP HTML の head タグ内に貼り付けます」
<script async custom-element=”amp-auto-ads”src=”https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js”></script>
- 【Wordpress】管理画面メニューバー【プラグイン】から【プラグイン編集】を選択
- 【編集するプラグインを選択】 ▼プルダウンメニューをクリックし「AMP」を選択
- 右側に表示されているファイル【templates】をクリック
- 下に表示されている中から【html-start.php】を選択
- 上記コードを<head></head> タグの間に貼り付け
「 この広告コードをコピーして、AMP HTML の本文に貼り付けます」
<amp-auto-ads type=”adsense”data-ad-client=”ca-pub-xxxxxxxxxxxxxxxx”></amp-auto-ads>
- 【Wordpress】管理画面メニューバー【プラグイン】から【プラグイン編集】を選択
- 【編集するプラグインを選択】 ▼プルダウンメニューをクリックし「AMP」を選択
- 右側に表示されているファイル【templates】をクリック
- 下に表示されている中から【single.php】を選択
- 上記コードを</article>の上部に貼り付け
