ブログをAMP化し、アドセンスと連携する。
このブログはWordpressで作っており、AMP対応とアドセンス対応しています。WordpressのAMP化は結構ノウハウが必要です。AMP化によりアドセンスの自動広告が表示できなくなってしまった場合は以下の関連記事をお読みください。
ブログにGoogleおすすめの方法でAMP化して自動広告を導入する
Cocoon: ad-amp-auto-adsense-in-body.php (tmp/ad-amp-auto-adsense-in-body.php)を修正が必要です。
以下のアドセンス認証コードがCocoonの設定をしても入力ができませんでした。
ステップ 2: AMP 自動広告コードをコピーして、ページの <body> タグのすぐ後に貼り付けます。
このコードをコピーして、広告を表示するページの <body> タグのすぐ後に貼り付けます。なお、コードを貼り付けた場所に広告が表示されるわけではありません。
外観ーテーマファイルエディターから、Cocoonのtmpを修正する必要がありそうです。
以下のコードのget_adsense_data_ad_client(); が空欄になっていました。この値が入っていないので、AMPでの広告表示がされていないようです。
<amp-auto-ads type=”adsense” data-ad-client=”<?php echo get_adsense_data_ad_client(); ?>”></amp-auto-ads>
WordPressのダッシュボードのメニュー[外観]から[テーマの編集]をクリックします。表示されるテーマの編集ページの右側に子テーマのテンプレートファイルとディレクトリーが縦に並んで表示されています。その中の”tmp-user”をクリックし、続いて表示される”amp-head-insert.php”をクリックするとすると、テンプレートファイルのソースコードが表示されます。
<?php echo get_adsense_data_ad_client(); ?>を直接Adsenseのコードに編集することで、広告が表示されました。
コメント