THORでAMP自動広告を設定しようとしたものの、なかなかAMPページに表示されない。そんな悩みをお持ちの方へAMP自動広告設定方法を画像付きで詳しく解説します。THORはデザイン性に優れた有料テーマです。豊富なデザインやカスタマイズ性に優れていて、当ブログでも採用しています。THORはまだ公開されてから日が経過していないこともあり、何か問題があった時、調べても解決法が見つけにくいというデメリットがあります。(これはどんなテーマでも最初は通る道なので時が経てば解決すると思ってます)そんな中、AMP自動広告を設定できない問題に出くわしました。Pagesの略で、モバイル端末で高速にページを表示するための技術です。現代はスマホ社会ですから記事のAMP化は今後重要になると私は考えています。THORではプラグインなしで記事をAMP化する事ができます。THORの購入を機にAMPに対応しました。AdSenseの自動広告を指します。AdSenseの自動広告には、通常の自動広告とAMP自動広告の2つがあります。私は記事に、通常の自動広告を使っていたので、AMP化対応を機にAMP自動広告を表示させたいと思いました。2019年6月現在、たくさんあるカスタマイズ項目をいくら設定してみても、AMP自動広告が一向に表示されません。このままだとAdSense収入が無くなってしまいます。THOR側で対応してくれるのを待つも検討しましたが、自力で解決することを選択しました。THORでAMP自動広告を設定する方法を次の順で解説します。THORではカスタマイズでAMP化に関する設定ができます。AMP設定は使わない外観→カスタマイズ→AMP設定[THE]→AMPページ用広告設定いかにもここに設定さえすれば対応できそうな場所です。ここは自動項目ではない広告をAMPページに合わせた広告を表示するための場所なのでここではありません。高度な設定は使わない外観→カスタマイズ→基本設定[THE]→高度な設定AMP自動広告についてググっていると、高度な設定にコードを貼り付けることで表示されると書かれている記事を見かけます。記事によっては、上側は不要で下側だけ入力するといったものもありましたがどれも表示されませんでした。外観→テーマエディター→THOR→single-amp.php試行錯誤した結果、表示されたのはここの編集をした時でした。ここでは親テーマのエディターを編集するのでバックアップは取ってから作業してください。編集にあたっては自己責任でお願いします。AMP自動広告の設定手順AMP自動広告を表示するための具体的な設定手順についてみていきます。AMP広告の順にクリックし、ステップ1のバーをオンにします。手順2さっきはステップ1だったのに、次はなぜか手順2ですが気にしないようにします。AdSense側のコードをコピーします。次に、</head>を探して、直上に貼り付けます。手順3やることは手順2と同じです。AdSense側のコードをコピーして・・・single-amp.phpで</body>を探して、直上に貼り付け。最後に更新を押して設定は終わりです。AdSenseでは通常広告表示まで20分程度かかるとのことですが、たぶんもっとかかります。私は夜設定して、1時間後はまだ表示されておらず、翌朝見ると表示されていました。AdSenseのレポートで確認できます。レポート→広告フォーマットで確認しましょう。THORのカスタマイズ設定のみではAMP自動広告は表示できないようです。single-amp.phpを編集することでAMP自動広告が出力することができるようになります。本記事を参考にAMP自動広告が表示されるようになれば嬉しいです。彬システムエンジニアのかたわらブログ書いてます。ヤノアカは、子育て世代のビジネスマンに向けて、読者のビジネスライフ、子育てライフを少しでも楽しく健やかに送ることができるお役立ち情報、ホッと一息ネタを記録していきます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。彬システムエンジニアのかたわらブログ書いてます。ヤノアカは、子育て世代のビジネスマンに向けて、読者のビジネスライフ、子育てライフを少しでも楽しく健やかに送ることができるお役立ち情報、ホッと一息ネタを記録していきます。ビジネスと子育ての両立ならヤノアカ.。