AMPAFFNIGER5のAMPページに「記事内広告」を表示させるカスタマイズ2018年6月14日AFFNIGER5のAMPページに「記事内広告」を表示させるには、記事内広告をオリジナルショートコードにセットし、「functions-amp.php」ファイルの「adsense」を「originalsc」に書き換えます。「functions-amp.php」ファイルの場所や、具体的な書き換え方法などを解説します。このカスタマイズによって、AMPページの記事内の[adsense]が非表示になり、記事下のAdSenseが記事内広告に変わります。目次AMPページに「記事内広告」を表示させる準備AMPページに「記事内広告」を表示させる方法AMPページに「記事内広告」を表示させる準備まずは、AMPページに記事内広告を表示させるための下準備から。記事内広告の広告コードを取得[originalsc]に記事内広告コードをセット記事内に[originalsc]を挿入AFFINGER5の「AMP用のアドセンスコード」を記事内広告に変更です。記事内広告の広告コードを取得AdSenseで記事内広告の広告コードを取得します。取得方法が分からない方は、AdSenseヘルプをご確認ください。[originalsc]に記事内広告コードをセット取得した記事内広告のコードを、AFFINGER5の「オリジナルショートコード作成ウィジェット」にセットします。「オリジナルショートコード作成ウィジェット」の場所は、外観>ウィジェット>オリジナルショートコード作成ウィジェットです。記事内の好きな場所に、好きな数だけ[originalsc]を挿入してください。[originalsc]を挿入したら、通常ページで問題なく記事内広告が表示されているか?確認しましょう。AdSense「記事内広告」の効果的な設置場所と適切な数AdSense「記事内広告」の効果的な設置場所と、適切な設置数の目安をご紹介します。「AMP用のアドセンスコード」を記事内広告に変更します。AFFINGER5管理>Google連携・広告>Google連携に関する設定の、「AMP用のアドセンスコード」に、記事内広告の「data-ad-client」「data-ad-slot」をセットしてください。準備ができたら、記事内広告をAMPページに表示させるため、「functions-amp.php」を書き換えます。「adsense」を「originalsc」に書き換えるです。そこまで難しい作業ではありませんが、念のためバックアップを取っておいてください。サーバーのファイルマネージャーにログインサーバーのファイルマネージャーにログインします。ロリポップ!の場合ロリポップ!のファイルマネージャーは、ユーザー専用ページ>サーバーの管理・設定>ロリポップ!FTPでログインできます。エックスサーバーの場合エックスサーバーの場合、「ファイルマネージャ」にログインします。「サーバーパネル」ではありません。mixhostの場合mixhostの場合、cPanelにログインして「ファイルマネージャー」を選択します。ファイルマネージャーの「public_html」をクリックしてから各ドメインを選択します。functions-amp.phpに移動ファイルマネージャーログインしたら、AFFINGER5の「functions-amp.php」ファイルに移動します。対象のドメインpublic_htmlwp-contentthemesaffinger5の中に「functions-amp.php」があります(サーバーや環境によって、微妙に異なります)。{があるので、2カ所ある「adsense」を下記のように「originalsc」に書き換え、保存します。{以上で、AMPページでも記事内広告が表示できるようになりました。記事直下のAdSenseも、記事内広告に変わっています。まとめAFFINGER5で生成したAMPページに記事内広告を表示させるには、AFFINGER5の[originalsc]を利用します。準備は、「オリジナルショートコード作成ウィジェット」に記事内広告のコードをセットし、「AMP用のアドセンスコード」に記事内広告の「data-ad-client」「data-ad-slot」をセットしたら完了。あとは、「functions-amp.php」の2カ所ある「adsense」を「originalsc」に書き換えます。記事内広告は収益性が高い広告ですので、AMPページに設置していない方は、ぜひ参考にしてください。Optimizer」を使い、次世代画像フォーマット「WebP(ウェッピー)」に変換する方法を解説します。WordPressAdSenseの「ページビュー」と「表示回数」の違い2019/4/3AdSenseのレポートでよく見る「ページビュー」と「表示回数」の意味の違いを解説します。Form7」を利用せずに、Googleが提供する「Googleフォーム」を使ったお問い合わせフォームの作り方をご紹介します。プラグインBOKUこのサイトのほか、いろんなブログをWordPressで作っている男。テーマはAFFINGER5を愛用。BOKU関連記事AdSense2020/1/101つのブログを複数のアドセンスアカウントで収益化できる?方法と注意点1つのブログ(サイト)を複数のアドセンスアカウントで収益化することは可能です。この記事では、実際に1つのブログを複数のアドセンスアカウントで収益化してみたので、その方法とつまづいた点(注意点)をご紹介します。冒頭でも触れた通り、1つのブログ(サイト)を複数のアドセンスアカウントで収益化することは可能です。...AFFINGER52019/8/9AFFINGE5おすすめヘッダーカードのキャッチコピー表示方法AFFINGER5(WING)のver20190801βより、おすすめヘッダーカードにキャッチコピーを表示できるようになりました。キャッチコピーはどうすれば表示されるのか?設定方法を解説します。AFFINGER52019/8/9AFFINGER5ヘッダー用メニュー(横列)のタイトル属性の設定法AFFINGER5(WING)のver20190801βより、ヘッダー用メニュー(横列)が設定できるようになりました。ヘッダー用メニュー(横列)では、タイトル属性でサブテキストも表示できますが、このタイトル属性が表示されないことがあります。AFFINGER52019/5/17AFFINGER5に「この記事は約何分で読めます」を表示する方法WordPressテーマ「AFFINGER5(WING)」の記事上に、自動的に「この記事は約何分で読めます」と表示させるカスタマイズをご紹介します。AMP2019/3/17AFFINGER5のAMPにスティッキー広告(追尾広告)を表示させる方法WordPressテーマ「AFFINGER5(WING)」のAMPページにスティッキー広告を表示させる方法を解説。AFFINGER52019/3/14AFFINGER5の404ページのカスタマイズ方法とサンプルWordPressテーマ「AFFINGER5(WING)」では、ウィジェットから404ページをカスタマイズ可能です。