AMP自動広告
AMPページに自動広告
AMP自動広告はAMPページに自動でAdSenseの広告を表示してくれます。3つの手順で設置できます。
3つの手順を詳しく記載して行きます。
Adsenseにログイン→右のメニューより広告をクリック
<head>~</head>
内に貼る<body>~</body>
のすぐ後に貼るコードの貼り方は下記参照
自動広告は AdSense コードを使用して取得できますが、現在はあらゆる AdSense 広告ユニットコードで自動広告をご利用いただけるようになりました。
Google Adsense
現在Adsense は広告ユニットでも自動広告を表示する仕様になっています。AMPでもAMPのアドセンス広告ユニットを貼れば、AMPの自動広告をONにするだけで、自動広告が表示されるのではないかと思います。
AMPサイトの自動広告の広告設定プレビューは、通常の広告設定プレビューで確認できます。
これでAMPサイトが表示され、自動広告の位置がわかります。
左が「アドセンスの広告プレビュー」・右が実際のスマホで見たAMPページ
上の画像は、通常のAMPコードだけを貼り、AMP自動広告コードは貼っていませんが、自動広告は表示されています。
テーマcocoonの場合
「header.php」「body.php」が無い場合は、子テーマを作るプラグインがあります。
子テーマの<head>~</head>
内に貼ります。
AMP用のAdsenseコード
<script async custom-element="amp-auto-ads"
src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>
<body>
の開始タグ直後に貼ります。
AMP用の広告コード 赤文字の部分はサイト運営者のIDです。
<amp-auto-ads type=”adsense”
data-ad-client=”ca-pub-1234567891234567“>
</amp-auto-ads>
実際の自動広告(画像の上に自動広告が入っています)
プラグイン「AMP for WP」はウェブページをAMPページに設定でき、広告の設置ができます。
AMP for WPの詳しい広告の設定は次のリンクをご参考下さい。
「AMP for WP」はコンテンツの上や下などに広告を表示できますが、記事内への広告の設定はありません。「Advanced Ads」や「Ad Inserter」は、AMPでも記事に広告を表示できます。
Advanced Adsは、AMP用のスプリクトもAMP用の広告コードも貼る必要はありません。チェックを入れるとコードは自動で追加されます。
詳しい広告の設定は下のリンクをご参考ください。
プラグイン「Ad Inserter」でも自動広告を貼ることができます。
アンカー広告
Google 公式 AMP サイトに自動広告を設定する