AMP対応でGoogle Adsenseが表示しなくなった時の対処方法

2018年7月12日 2018年7月12日

「AMP for Wordprss」でAMP化した以降、モバイルの検索結果ではAMPページが表示されるようになります。
スマホなどのGoogle検索からサイト流入は、通常ページではなくAMPページに流れて来ることになります。

しかし、AMPページでは、通常のAdsense広告が表示されないんです!

絶滅しそうなウナギブロガー
うわぁ~!Adsenseがメインの収益なのに~~ (´;ω;`)
フク先生
安心して!AMP用の広告コードで表示することができますよ

 

WordPressのAMP化についてはこちらの記事をどうぞ。

AMP for WordPressの使い方

AMPでGoogle Adsenseを表示する方法

まずはAMP用に新しくGoogle Adsenseの広告ユニットを作成します。

+新しい広告ユニット」ボタンをクリック。

広告の種類は「テキスト広告とディスプレイ広告」を選択します。

名前はどんな広告かわかりやすい名前を付けることをおすすめします。
「設置する場所」や「サイズ」などで区別できる名前が良いと思います。

今回は、どシンプルに「記事下AMP」にしました。

広告サイズは「レスポンシブ」を選択します。

広告タイプはデフォルトのままでOKです。

保存してコードを取得」を押すと、Adsense広告コードが表示されます。

作成したコードからdata-ad-clientdata-ad-slotの値は、あとで使うのでメモしておきます。

data-ad-client=”ca-pub-1234567891234567
data-ad-slot=”1234567890

 

つづいて、AMP用の広告コードを作成します。
AMP用のコードは次のコードをコピペして使ってください。

data-ad-clientdata-ad-slotの値を、先ほど新しく作った広告ユニットのコードに修正します。

上記の広告コードは、指定された部分以外はなるべく変更しないようにしてください(広告コードが機能しなくなる恐れがあります)。

引用元:https://support.google.com/adsense/answer/7183212?hl=ja&ref_topic=1307438

これで、AMP用Adsense広告コードは完成です!

参考ページ
AMP 対応広告ユニットの作成方法 – AdSense ヘルプ

AMP for Wordprssのプラグインファイルを修正する

AMP for WordprssのAMPページは、ウィジェットやテーマの情報は一切反映さないので、今までのGoogle Adsenseはまったく反映されません。

そこで、AMP for Wordprssのプラグインファイルを少々ゴニョゴニョする必要があります。

 

AMP for Wordprssのプラグインファイルを見てみましょう。
AMP for Wordprssのデータは次のディレクトリ内にあります。

wp-content/plugins/amp/templates

header.php、footer.php、single.phpなど、テーマファイルに似た様なPHPファイルが複数入っています。
この中から変更するファイルは次の2つだけです。

  • html-start.php
  • single.php

それでは、1つずつ修正をしていきますね。

【注意】
PHPファイルを修正するときは、「メモ帳」の使用は禁止です!
フリーソフトなら「サクラエディタ」をおすすめしておきますね。
サクラエディタはこちら

html-start.phpを修正

まず、AMP用広告を表示させるためには、AMPスクリプトをAMPページのheadタグ内で読み込みます。

AMPスクリプトをhtml-start.phpのheadタグ内のどこかに貼り付けます。

</head>の直前に貼り付けました。

これでAMPスクリプトの設置は完了です。

single.phpを修正

続いて、single.phpに先ほど作成したAMP用Adsenseコードを貼り付けます。
初期のソースは以下の様になっています。

AMP用Adsenseコードを貼り付けます。
<div class="amp-wp-article-content">のところには記事の本文が挿入されるので、記事のすぐ下に広告が表示されるようにします。

この様にコードを貼り付けました。
以上で、AMP用Adsenseコードを貼り付けは完了です。

修正したファイルをFTPソフトでアップロードします。
念の為、元のデータは「single_backup.php」などに名前を変更し、バックアップを残しておくと安心です。

今後の注意点

AMP for Wordprssのアップデートなどで、変更したファイルが元に戻る可能性があります。
プラグインの更新後に広告が表示されなくなったら、同じ手順で広告を張り直してください。

めんどくさいですが、仕方ないですねw

お気軽にコメントをどうぞ。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください