「amp-ad」で必要なタグ「amp-ad extension .js script」がないか、正しくありません。これはまもなくエラーとなります。と出た場合の対処法

GoogleConsoleで『「amp-ad」で必要なタグ「amp-ad extension .js script」がないか、正しくありません。これはまもなくエラーとなります。』という警告が出たので、その対処法を図解しておきます。

昨日までは何ともなかったのですが、今日見ると何故だか『警告』が・・・

解決法はとても簡単ですので、同じ警告が出て困っている人はぜひ参考にしてみてください。

amp-ad extension .js scriptの警告とは？

AMPページに広告を掲載する場合、予め定められたJavaScriptの読み込みが必要です。

私の場合、ワードプレスでは『Accelerated Mobile Pages』というプラグインを使っているので、それを有効化していれば特に問題はない？と思っていたのですが・・・

実はこの「amp-ad」のバリテーションエラーは少々厄介かもわかりません。

今は『amp-ad』で必要なJavaScriptタグがなくても広告が表示されていると思いますが、AMP公式ではこのように書かれていました。

Note: amp-ad may still work without this script, but we highly recommend it for future compatibility

注：このスクリプトなしでamp-adは引き続き動作する可能性がありますが、今後の互換性のために必要なスクリプトです。

このJavaScriptを設定していなくても広告は表示される可能性はあるものの、将来的にはエラーとして処理されて広告が表示されないようになる。ということかも分かりません。

せっかく広告費で稼ごうとしていても、肝心な広告が表示されないのであればいくらアクセス数が多くても１円にもなりませんよね。

Google先生が『警告』を出してきている以上、気づいた方は速やかに対処するように心がけましょう。

AMP関連で『「amp-ad」で必要なタグがない』って警告

昨日まで何の問題もなかったのに、今日GoogleConsoleを開いたらいきなりこんな警告があった！

『Google検索結果で悪影響を受ける可能性があります』・・・っておい＾＾;

Google検索結果で考えられる悪影響といえば、

検索結果の順位が大きく下がる

検索結果の圏外に飛ばされる

検索結果に表示されなくなる

このぐらいしか思い浮かびません。

全部嫌！というか、アフィリエイターにとって全て一緒です。

死活問題に関わりますので、早急に解決せざるを得ませんよね。

色々と調べていると、簡単な解決方法があったのでそちらを紹介していきます。

初心者の方でもコピー＆ペーストでできるような方法にしておきます。

amp-ad extension .js scriptの警告を解決する方法

※ご注意※
この方法はとても簡単ですが、万が一間違えてしまった場合はプラグインが正常に動作しなくなりますので、必ずバックアップを取ってからするようにしてください。

まず、ワードプレスのメニューから『プラグイン』⇒『インストール済みのプラグイン』をクリックします。

インストールされているプラグインの一覧が表示されるので、Accelerated Mobile Pagesの『編集』をクリックします。

プラグインで使用されているファイル名一覧が表示されるので、『accelerated-mobile-pages/accelerated-moblie-pages.php』をクリックします。

場所は一覧の一番上に表示されていると思いますが、違う場合もあるのでファイル名が合っているか必ず確認するようにしてください。

ソースコードが表示されるので、一番下までスクロールさせます。

ソースコードの最後が『 } 』になっていると思うので、キーボードの『Enterキー』で２行ほど改行を入れてください。

このコードをコピー＆ペーストします。

add_action( 'amp_post_template_head', 'amp_add_amp_ad_js' );
function amp_add_amp_ad_js( $amp_template ) {
 $post_id = $amp_template->get( 'post_id' );
 ?>
 <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
 <?php
}