[ブログ]WordpressをAMP化しAdSenseも連携する

AMP ページに広告コードを挿入する

ここに書く内容はとても重要！！です。

まずはこのお話を聞いてください。

この設定をしていないと、まずAMPのサイトに広告が表示されません。

いかがでしたでしょうか？この方法をしていると、AMPのサイトにもGoogle AdSenseの設定が反映されます。

AdSense アカウントにログインします。

[広告] 次に [サマリー] をクリックします。

[AMP サイトをお持ちですか？] をクリックします。

[AMP サイト用 AdSense コードを取得する] ページで、[AMP サイトにディスプレイ広告を自動的に表示] をオンにします。

amp-auto-ads スクリプトをコピーして、ページのタグの間に貼り付けます。

このスクリプトによって、必要な amp-auto-ads ライブラリが読み込まれます。詳しくは、amp-auto-ads コンポーネントについての記事をご覧ください。

AMP 自動広告コードをコピーして、広告を表示するページの開始タグの直後に貼り付けます。

[完了] をクリックします。ページに広告が表示されるまで 1 時間ほどかかる場合があります。

[広告] ページに「AMP はオンです」というメッセージが表示されます。

AMPサイトに広告が出ない！！という人はここでハマっている可能性が高いです。

AMP サイトを作成すると、AMP ページに広告を表示できます。

AMP for WordPress プラグインで選択したテンプレートモードに応じて、広告コードを挿入する方法が変わります。

コーディングに慣れていない場合は、広告プラグインまたはテーマを使用して広告コードを挿入することをおすすめします。

ここを何度も読んでください。

AMP 自動広告のパフォーマンスを計測するには、[レポート] ページのコンテンツプラットフォームレポートを確認します。

ここまでが、Google AdSenseのホームページに書いてある情報です。

おすすめのプラグインは以下になっているので、どちらかお好みを使ってください。

広告コードの挿入方法	Standard	Transitional	Reader
Advanced Ads プラグイン（自動広告と広告ユニットの両方に対応）
Ad Inserter プラグイン（自動広告と広告ユニットの両方に対応）

※当方はこのプラグインを使いませんでした。

後述の方法で対応しました。