UsマイページMyPage/Login買い物カゴCart新着お知らせSTORK19テーマをアップデートしました。オープンケージAdSenseの「記事内広告」を設置する方法ツイート9シェアはてブ3LINEPocket23記事内にAdSenseの「記事内広告」を設置する方法をご紹介します。この記事内広告というものは、新しくAdSenseに追加された仕組みなのですが、「記事内に親和性の高い広告を設置する」ということで、これまでのレクタングルなどの広告とはかなり異なります。広告のサイズをデバイスに合わせて調整してくれるので1つの広告コードで運用できてしまうのも良い点。いうわけで、AdSenseの管理画面より広告コードを取得して設置するところまでをご紹介したいと思います。※先に書いておくと、終盤から記載している「記事内広告を自動的に見出しの直前に表示する方法(functions.phpをカスタム)」の設置方法を利用するのがおすすめです。前半部分では、基本的な使い方の紹介となりますので、実際の設置は後半部分を参照していただいた方が良いかとおもいます。確認してみましょうAdSense側での準備まずは広告コードを取得する必要があります。コンテンツ>広告ユニット】のページを表示して「新しい広告ユニット」のボタンを押して、新しく広告を作成しましょう。慣れている方であれば説明を読む必要はないと思うので、読み飛ばしてもらっても問題ないでしょう。「新しい広告ユニット」というボタンを押すと、いくつかの広告の種類を選ぶことができます。今回は記事内広告を作成するので、その名の通り「記事内広告」を選択します。右上にユニット名を入力する欄があります。ここの値は何でもいいのですが、後から自分がわかりやすい名前をつけると良いと思います。記事内広告というのがわかるといいですね。その他にもサイト名や設置場所などの情報をいれてもいいとおもいます。その他の設定をするユニット名の入力が完了したら、その下にグローバルオプションスタイルという設定欄があるのですが...ここはそのまま何もいじらずに保存しても問題無いとおもいます。広告のデザインはある程度AdSense側で調整してくれるので、個人的には設定不要という認識。しても変更したいという場合は、変更を試してみてください。コードをコピーするその後、「保存してコードを取得する」というボタンを押せば、専用の広告コードが生成されるのでそれをコピーしておきましょう。コピーしておきましょうこの後このコードを使って、記事内に広告を設置していきます。記事内に広告コードを設置する上の章で生成したコードを、今度は記事内に貼り付けます。テキストモードで貼り付けるWordPressでこのような広告コードを設置する際に注意しなければいけないのは、ビジュアルエディタの状態ではなく「テキストエディタの状態で貼り付ける」ということ。コードを貼り付けるときは「テキスト」モードで記事編集ページの右上にある「ビジュアル|テキスト」という箇所で、「テキスト」を選んでコードを貼り付けてください。貼り付ける場所はご自身の好きなところ(効果的だと思われる場所)で良いとおもいます。みんなはどこに貼り付けてる?効果的かどうかは別として、記事内に広告を貼り付けているブログでよく見るのは、h2見出しの直前に貼り付けていることが多いように思います。見出しの直前というのは、文章の切れ目なので広告が表示されるのに違和感のないところなのかもしれませんね。それが絶対ということはないとおもいますので、あくまでご参考まで。ここまでで広告の設置方法は終了。確認する貼付け後、PCやスマートフォンで記事を確認してみましょう。設置あたりに広告が表示されていれば完了です。このコードはPCやタブレット、スマートフォンなどのデバイスに合わせて最適なサイズの広告を出力してくれるのが良いですね。設置した場所に表示されないという場合は、キャッシュプラグインや、ブラウザキャッシュが影響して表示されていない可能性があるので、ブラウザの設定を確認してみてください。設置後すぐには表示されずに、空白が空いているだけの場合があるので、少し時間を置いてから確認してみたら表示されるようになるとおもいます。...ひとつひとつ手動で広告を設置するのは面倒くさい...ただ、もうお気づきの方もいるかもしれませんが、この方法だと全部の記事にひとつひとつ広告をいれていかないといけないの?ということになります。2~3記事であれば問題ないけど、過去記事が何百何千も記事がある場合、そんなの一つ一つ入れてられない!!という方のために、この下ではfunctions.phpを利用して、簡単にH2見出しの直前に広告を表示する方法をご紹介したいとおもいます。記事内広告を自動的に見出しの直前に表示する方法(functions.phpをカスタム)さて、ここからの内容が今回の記事のメインディッシュといえるかもしれません。記事内広告をひとつひとつの記事に対して、手動でなんて入れられない!という方はこの方法を試してください。(というか、まだはじめたばかりの方もこちらの方法にしておいた方がいいかも。本文内の見出し2の1つ目と2つ目と3つ目の直前に自動的に、「記事内広告」を表示する方法をご紹介します!functions.phpを使えば簡単です!......という内容を紹介しようと思っていたのですが、検索してみるとすでにキレイにまとめられている「寝ログ」さんの記事があったので、基本的にはそちらを参照していただければ実現できるとおもいます。1、2、3番目のH2見出し手前にアドセンスを挿入するWordPressカスタマイズ方法functions.phpを編集functions.php(テーマの関数)を編集します。※失敗すると画面が真っ白になっちゃうのでFTPなどを使ってバックアップは必ずとってくださいね。$the_content;}add_filter('the_content','add_ad_before_h2_for_3times');上記コードにご自身のAdSenseコードを入力し、functions.phpに貼り付けるとh2見出しの1〜3つ目の直前に広告が表示されます。コードを入力する位置は以下の箇所。////////////////////////////ここにアドセンスを挿入////////////////////////////と書かれた場所に、ご自身の記事内広告のコードを貼り付けます。$the_content;}add_filter('the_content','add_ad_before_h2_for_3times');上記コードを入力し、保存すればその後からh2見出しの1〜3つ目までの上部で記事内広告が自動表示されます。うまく設定できていれば過去記事が何千記事あろうと、見出しがあれば表示されるようになります。「h2見出しを使っていない」という場合は表示されませんのでそこはご注意ください。確認してみましょうh2見出しのところに表示されていればカスタマイズ完了です。よろしければお試しくださいね!テーマ編集functions.php広告この記事が気に入ったらいいねしよう!最新記事をお届けします。ツイート9シェアはてブ3LINEPocket23feedly21NEWバージョン!究極のモバイルファーストWPテーマ「STORK19」ブログを書くのが楽しくなる仕掛けや機能がたっぷり!STORK19は読む人も書く人も快適なWordPressテーマです。テーマ詳細をみるいさぎよく、シンプル。WPテーマ「スワロー」SWALLOWはシンプルな見た目と洗練された機能美が光るWordPressテーマです。「必要なものとは何か」を考え尽くして、無駄な機能やデザインを削ぎ落とした洗練されたWordPressテーマです。テーマ詳細をみるWordPressテーマ「スワロー」ストークテーマをアップデートしました。(Version1.1.3)RECOMMENDこちらの記事も人気です。テーマ編集2018.12.5head内にソースコードを追加する手順(子テーマのfunctions.p...テーマ編集2016.10.3テーマカスタマイズに!FTPソフト(FileZilla)の設定方法テーマ編集2016.7.28WPストークのトップページをワンカラムにするカスタマイズテーマ編集2017.1.15ハミングバードでコンテンツ背景を白色に変更するCSSカスタマイズテーマ編集2016.1.27ハミングバードのPICKUPスライダーを「フロント固定ページ」でも表示す...テーマ編集2017.1.5AMPプラグインで記事下にSNSボタンを追加する方法テーマ編集2016.2.18Twitterのシェアウインドウが2つ表示されてしまう場合の対処法テーマ編集2017.7.10AdSense-インフィード広告を記事一覧の間に表示する方法ABOUTこの記事をかいた人オープンケージブロガー・アフィリエイター向けのWordPressテーマを制作しています。POSTこのライターの最新記事STORK19のお知らせ2020.2.12STORK19テーマをアップデートしました。(Version1.2.0)アルバトロスのお知らせ2020.1.29アルバトロステーマをアップデートしました。(Version1.2.9)ハミングバードのお知らせ2020.1.29ハミングバードテーマをアップデートしました。(Version1.2.11)旧ストークのお知らせ2020.1.28ストークテーマをアップデートしました。最新記事STORK19テーマをアップデートしました。UsマイページMyPage/Login買い物カゴCart最新テーマ「STORK19」NEWバージョン!ブログを書くのが楽しくなる仕掛けや機能がたっぷり!STORK19は読む人も書く人も快適なWordPressテーマです。