【Googleアドセンス】AMP対応広告ユニットを設置しました

Google AdSenseの設定

Google AdSense→広告→概要→「AMPサイトをお持ちですか？」をクリックします。

「AMPサイト用AdSenseコードを取得する」ページで、「AMPサイトにディスプレイ広告を自動的に表示」をオンにするとコードが表示されます。

また、広告→「AMPはオンです」をクリックしてもコードを表示させることができます。

<script async custom-element="amp-auto-ads"
        src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>

記述場所は、Cocoonの場合、ダッシュボード→外観→テーマエディター→Cocoon Child→amp-head-insert.phpになります。

<?php //ログインユーザーも含めてカウントする場合は以下に挿入 ?>の下に記載します。

<amp-auto-ads type="adsense"
              data-ad-client="ca-pub-サイト運営者ID">
</amp-auto-ads>

記述場所は、Cocoonの場合、ダッシュボード→外観→テーマエディター→Cocoon Child→amp-body-top-insert.phpになります。

<?php //ログインユーザーも含めてカウントする場合は以下に挿入 ?>の下に記載します。

一応、下記にカスタマイズ方法を記載しておきますが、現在は自動広告設定にしておけば関連コンテンツも自動的に表示されるようです

Google AdSense→広告→広告ユニットごと→ディスプレイ広告

この２つの値を置き換えます。

<amp-ad
layout=”responsive”
width=300
height=250
type=”adsense”
data-ad-client=”ca-pub-サイト運営者ID”
data-ad-slot=”広告ユニットID“>
</amp-ad>

幅(width)と高さ(height)が指定されていますが、レスポンシブ用の広告が反映されます。

約20分程度で反映されます。

Cocoonの場合は、テキストやテキスト(モバイル用)のウィジェットに貼り付けます。

ウィジェットの下の方にある表示設定で、ウィジェットの表示を「チェック・入力したページで表示」に変更して、「AMPページ」にチェックを入れて保存をクリックします。