AMPAFFINGER5のAMPページにAdSense「リンクユニット」を表示させる方法2018年6月29日AFFINGER5のAMPページにAdSenseの「リンクユニット」を表示させるには、「single-amp.php」ファイルにAMP広告コードを追加します。ファイルの場所やAdSenseのAMP用コードの例などを詳しく解説します。「リンクユニット」とは?AMP広告コードについてAMPページにリンクユニットを表示する手順AdSense「リンクユニット」とは?AdSenseの「リンクユニット」とは、ボタンデザインのテキスト広告です。サイトや設置場所にもよりますが、記事内広告や関連コンテンツに並ぶ、収益性の高い広告ユニットです。AMPページでもかなりの収益が期待できるので、設置していない方は導入をおすすめします。リンクユニットの詳細は、以下の記事も参考にしてください。AdSense「リンクユニット」の設置方法とおすすめの配置場所AdSense「リンクユニット」の概要や設置方法、おすすめの配置場所をご紹介します。続きを見るAdSenseのAMP広告コードについてAMPページでは、通常の広告コードは使えません。広告コードとは異なる広告コードが必要です。出典:https://support.google.com/adsense/answer/7632421いつも使っているAdSenseの広告コードを貼り付けても表示されないので、AMP専用の広告コードを用意しましょう。AMPページにリンクユニットを表示する手順AFFINGER5のAMPページにAdSenseの「リンクユニット」を表示させるには、「single-amp.php」ファイルにAMP広告コードを追加します。今回は、上画像のように、AFFINGER5のAMPページの上部「完全版を表示する」の直下に表示させることを想定して解説します。表示させたい位置に広告コードを貼る1つずつ解説します。AMP広告コードを用意まずは、リンクユニットのAMP広告コードを用意します。AMP対応の広告コードは、<amp-adlayout="fixed-height"height=100type="adsense"data-ad-client="ca-pub-××××××××"data-ad-slot="××××××××"></amp-ad>です。リンクユニットの場合、高さ(height)のみ設定して、幅はレスポンシブにするとうまく表示できます。広告の高さ(height)は任意で変更してください。リンクユニットの場合、1枠で高さ50なので、3列表示にさせたいなら150、4列表示にさせたいなら200に変更してください。2カ所ある××××××××には、サイト運営者IDと広告ユニット(リンクユニットの)IDに置き換えます。サーバーのファイルマネージャーにログイン次に、サーバーのファイルマネージャーにログインします。ロリポップ!の場合ロリポップ!のファイルマネージャーは、ユーザー専用ページ>サーバーの管理・設定>ロリポップ!FTPでログインできます。エックスサーバーの場合エックスサーバーの場合、「ファイルマネージャ」にログインします。「サーバーパネル」ではありません。mixhostの場合mixhostの場合、cPanelにログインして「ファイルマネージャー」を選択します。ファイルマネージャーの「public_html」をクリックしてから各ドメインを選択します。single-amp.phpに移動ファイルマネージャーログインしたら、AFFINGER5の「single-amp.php」ファイルに移動します。対象のドメインpublic_htmlwp-contentthemesaffinger5の中に「single-amp.php」があります(サーバーや環境によって、微妙に異なります)。表示させたい位置に広告コードを貼るさいごに、AMPページのリンクユニットを表示させたい位置に、AMP広告コードを貼ります。おすすめの設置場所は、AMPページのタイトル下にある「完全版を表示する」の直下です。?>があるので、この直下に<amp-adlayout="fixed-height"height=100type="adsense"data-ad-client="ca-pub-××××××××"data-ad-slot="××××××××"></amp-ad>を追記します。heightは100としていますが、150か200くらいがおすすめです。「完全版を表示する」の直下以外でも表示できます。ご自身で確認しながら微調整してください。まとめAFFINGER5のAMPページにAdSenseの「リンクユニット」を表示させるには、「single-amp.php」ファイルにAMP広告コードを追加します。リンクユニットは収益性の高い広告ユニットです。AMPページでもかなりの収益が期待できるので、設置していない方は導入をおすすめします。single-amp.phpを操作する前は、必ずバックアップを取ってから編集しましょう。コンテンツ」の3種類の広告ユニットを表示させる方法をご紹介します。続きを見る参考サイトこの記事の作成にあたり、以下のサイトを参考にしました。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ページをカスタマイズ可能です。