Simplicityテーマ内にGoogle AdSense広告を貼り付ける方法

Google

Simplicityでは、Google AdSenseの「レクタングル(大)」と「レクタングル(中)」の二つの広告を貼り付けるだけで、パソコンやスマホの画面サイズに対応した広告をパフォーマンスの高い位置に貼り付けることができます。

Google AdSenseのアカウントを持っていない方は、取得する必要があります。

広告の設定方法として、広告ウィジェットで貼り付ける方法と、テキストウィジェットで貼り付ける方法(主にアドセンス以外の広告用)もあります。ただ、慣れないうちはこのページの方法で広告表示したほうが安全かつ簡単かと思います。他の2種類の方法と、今回の広告設定方法の併用は、お勧めできません。というのも、アドセンスポリシー違反の表示になる可能性もあるからです。広告の設定については、それぞれの責任にて設定していただけますようお願いします。

photo by Ardo191

スポンサーリンク

AdSense広告の取得

まずは、「レクタングル(大)」と「レクタングル(中)」の広告用のタグを取得する必要があります。もう既に広告が作成されている場合はこの項目をスキップしてください。

まずは、Google AdSenseにログインしてください。

アドセンスメニューの「広告の設定」をクリックします。

Google AdSenseの設定

広告を新しく作製するには「新しい広告ユニット」をクリックしてください。

新しい広告ユニット

広告ユニット作成画面で以下のように設定します。

  • 名前→好きな名前
  • 広告サイズ→336 x 280 – レクタングル(大)
  • 広告タイプ→テキスト広告等ディスプレイ広告(推奨)
  • その他→好きなものを選ぶ

レクタングル(大)

これらの設定が完了したらページ下部分にある「保存してコードを取得」ボタンをクリックします。

保存してコードを取得

「広告コード」が表示されるのでコピーして保存しておいてください。

AdSenseのコードの取得

「レクタングル(中)」広告についても同様に取得して保存しておいてください。

Simplicityで広告コードの貼り付け

Simplicityでは、「外観→ウイジェット」で取得した広告を貼り付けることができます。

外観→ウイジェット

ウイジェットの設定

「ウイジェット」画面で、「[S] クラシックテキスト」ウイジェットを「広告 336×280 」と「広告 300×250」にドラッグ&ドロップします。

クラシックテキストウィジェット広告エリアに挿入

テキストウイジェットの設定

あとは、先程取得した「レクタングル(大)」広告は「広告 336×280 」にドロップしたテキストウイジェットに貼り付けて「保存」ボタンを押してください。(※タグは1つだけ貼り付ければOKです。)

レクタングル大ウイジェット

アドセンスの広告コードのみを貼り付けてください。

「レクタングル(中)」広告は「広告 300×250」にドロップしたテキストウイジェットに貼り付けて「保存」ボタンを押してください。(※タグは1つだけ貼り付ければOKです。)

レクタングル中ウイジェット

アドセンスの広告コードのみを貼り付けてください。

このように設定するだけで、Simplicityテーマ内にAdSense広告が表示されます。

表示例

パソコンでの記事下広告の表示例です。

記事下広告

このほかには、デフォルトでは「関連記事下」にテーマカスタマイズ画面で設定を変更すると「本文中広告」が表示されます。

詳しくは、以下を参照してください。

「広告の設定」カスタマイズについての解説

GitHubリポジトリ

不具合等ありましたらGitHubに、ご連絡いただけると幸いです。

yhira/simplicity2

スポンサーリンク
アドセンス(大)
アドセンス(大)

スポンサーリンク
アドセンス(大)

コメント

  1. 初心者n より:

    こんにちは

    昨日から使わせて頂いてます。
    少し質問があるのですがよろしくお願いします

    広告を貼ったのですが、PCではうまく表示されてますがスマホでは広告表示されてません
    どこが悪いのかよくわかりません。
    後、サイドバートップに広告貼りたく広告位置をサイドバートップしたのですが表示されませんので今は関連記事にしています
    お忙しいと思いますがよろしくお願いします

  2. アバター画像 わいひら より:

    書き込みの内容からだけは、正確なことわかりませんが、おそらく状況から、ウィジェットの300px広告の設定がうまくいっていないのではないかと思います。

  3. 初心者n より:

    すいません上手出来ました
    広告300の方を登録しなくても出来ると思っていました。
    336だけで全部出来ると勝手に思っていました

    ありがとうございます。
    助かりました
    これからもよろしくお願いします

  4. アバター画像 わいひら より:

    iPhoneなどの横幅が、320pxなので、336pxだとはみ出してしまいます。
    ですので多くの訪問者に綺麗に見せるには、どうしても300pxのタグも貼る必要があります。

    こちらこそよろしくお願いします。

  5. カレン より:

    こんばんは。
    数日前からstingerからsimplicityさまを使わせていただいてます。
    楽天モーションウィジェットを使用したくて、広告枠にテキストで楽天モーションウィジェットコードを取得して追加しました。
    300×250のコードを取得しましたので、300×250の箇所にテキストを追加しましたが表示されず336×280の所では表示されました。
    これは、そのまま300×250のコードを336×280で広告を表示しても大丈夫でしょうか?
    すみません。無知なのは承知ですがよろしくおねがいいたします。

  6. カレン より:

    追記ですが、ホームには表示されないものなのでしょうか?

    • カレン より:

      申し訳ございません。このホームにはってのは気にしないでください。
      自分であたってたらわかりました。

  7. アバター画像 わいひら より:

    300×250のコードを取得しましたので、300×250の箇所にテキストを追加しましたが表示されず336×280の所では表示されました。

    300×250は、基本的にモバイルで表示させるために用意してあります。モバイルで見れば、表示されていると思います。
    336×280のところには、その大きさのモーションウィジェットを取得して、タグを挿入してください。
    基本的に、両方にちゃんとタグを挿入しないと、パソコン、モバイル両方でちゃんと広告が表示できません。

  8. カレン より:

    わいひらさま
    本当にありがとうございました。
    理解できました。
    これからも頑張ってサイトを構築します。
    またなにかありましたら、よろしくお願い致します。

  9. あまむら より:

    めまして。
    昨日からテーマに使わせていただいています。
    どうしても上手くいかないので、質問させてもらいます。

    アドセンスコード保存するのにかなり時間がかかり、しかもウィンドウを閉じるなどすると、せっかく保存したアドセンスコードが消えてしまいます。どうしたらよいでしょうか?

  10. あまむら より:

    すみません、初めましてが抜けてました。

  11. あまむら より:

    何度も申しわけありません。

    いま困っているところは、広告336×280のところにパソコン用テキストウイジェットというものを入れて、アドセンスコードを配置、広告300×250のところには、モバイル用テキストウイジェットというものにアドセンスコードを配置しているのですが、いずれも反映されず、別のところに飛ぶとコードが消えてしまいます。

    念のためスマホでも同じように設定してみましたが、消えてしまいました。
    何度もお手数おかけしますが、よろしくお願いいたします。

  12. あまむら より:

    フォーラムを見てみたら、解決方法がありました!
    やはりロリポップの初期設定が問題だったようです。
    無事に広告も表示されました。

    とても使いやすいテーマをありがとうございます。
    これからもよろしくお願いいたします。

  13. アバター画像 わいひら より:

    解決したようでよかったです。
    おそらくこれと同様の不具合だったのかなと思い、解決方法の掲載されたトピックを貼っておきます。
    Simplicity用のテキストウィジェット全般が使えません。

    ガイドラインにも記載しておこうと思います。

  14. あまむら より:

    まさしくそれでした!ご丁寧にありがとうございました。

  15. かかし より:

    初めまして。

    とても使いやすく、見やすいテーマを無料で提供していただいて大変感謝しております。いつもsimplicityを使わせていただいております。

    スマホでの確認をずっと怠っていたのですが、つい先日スマホで確認してみると、記事の終わりにアドセンス広告が入っておりませんでした。
    スポンサーリンクとの記載はあるのですが、300×250サイズ分の空白が出来ております。

    ちなみに、関連記事とコメントを通り過ぎて、最近の投稿の上には表示されています。

    Simplicity内の記事も読みましたが、解決まで至らなかったので、質問させていただいております。

    ご返信頂けると幸いです。

    宜しくお願い致します。

  16. アバター画像 わいひら より:

    はじめまして。

    Androidエミュレーターで確認してみたのですが、表示されているようですよ。

    ただ、そのときに表示できる広告がなくて空白が表示されただけではないかと思います。

  17. かかし より:

    お世話になっております。
    ご返信ありがとうございます。

    表示できる広告がなくて空白が表示されただけ

    なんてことがあるのですね。

    頻繁に確認するようにしたところ空白のときがやはり出てきますが、たまに広告が出てくれているので、仰られた通りだと思います。

    モヤモヤが解決しました、ありがとうございました!

  18. アバター画像 わいひら より:

    広告が、たまに出るのであれば、いずれ最適化されていくと思います。

  19. 橋尾 渡 より:

    こんにちは、わいひらさん。
    simplicityのデザインがとても好きで使わせていただいております。

    突然ですが、パソコンから見て記事下の広告が表示されないバグが発生しております。
    いろいろと何が原因か探してみたんですが、プラグインは問題なく画像の配置の問題かとも思いきや違ったのでお手上げ状態です。

    広告が表示される記事と表示されていない記事があります。
    これは何の違いなんでしょうか?

    それからサーバーは「Xserver」を使っております。
    simplicityのバージョンは1.9.3の子テーマを使っております。
    スマホからはちゃんと広告が表示されているようです。

    記事下に広告が表示されていない記事

    記事下に広告が表示されている記事

  20. アバター画像 わいひら より:

    サイトを拝見してみましたが、僕の環境からは、広告は普通に表示されているようです。

    • 橋尾 渡 より:

      お返事ありがとうございます。
      今ぼくも別のブラウザ(IE11)で確認してみたところ広告が表示されていました。
      僕の環境だけかもしれませんが、FIREFOXの最新バージョン44.0.2では広告が表示されないバグが生じていますね…。
      広告が表示されていることがわかりましたの、安心しました。
      お騒がせして申し訳ありません。ありがとうございました。

  21. アバター画像 わいひら より:

    僕がキャプチャーを撮ったのも同じFirefoxです。
    何かしら別の用意があるのかもしれませんね。

  22. サンギス より:

    ご質問させてください。

    footer部分の横並びの336pxサイズのアドセンスが上半分の160px程しか表示されなくなってしまいました。

    カスタマイズで完全レスポンシブのチェックを外すまでは正常に表示されていたのですが、チェックを外してから2つともその様な表示になってしまい完全レスポンシブをオフにしても広告表示が正常にされません。

    ご指摘お願いできますか?

  23. アバター画像 わいひら より:

    実際の不具合への出ているページのURLを掲載していただいてよろしいですか。
    ちょっと、実際のソースを見てみないと原因は何とも言えません。(見てもわからない可能性もあります)

  24. foraction より:

    Simplicityを使ってブログを始めました。
    いつも参考にさせていただいています。
    素晴らしいテーマと、役に立つ記事をたくさんありがとうございます。

  25. まんもり より:

    初めまして。

    他の方のサイトを見た時に綺麗だなと思い、私も今日からsimplicityに変更しました。

    ウィジェットの広告336×280にはそのサイズのものを、広告300×250にはそのサイズのものを配置しましたが、パソコン、スマホ(iphone)ともに広告が出ませんでした。

    本文下にPC用広告ダブルレクタングルを設置し336×280のコードを貼り付け、さらにサイドウィジェットに〔S〕PC用広告広告を設置しレスポンシブルのコードを貼り付けることでPCでは広告が表示されるようになりました。

    しかし、〔S〕モバイル用広告をどこに配置しても広告が反映されません。

    Simplicity内の記事も読みましたが、解決まで至らなかったので、質問させていただいております。

    ご返信頂けると幸いです。

    宜しくお願い致します。

  26. まんもり より:

    連続での質問、誠に申し訳ありません。
    今朝確認したところ、スマホでDesktop Versionを見ると広告が表示されていました。
    しかし、Mobile versionでは表示されていませんでした。
    Mobile versionでは広告表示はされないのでしょうか?

    ご返信頂けると幸いです。
    何卒宜しくお願い致します。

    • アバター画像 わいひら より:

      サイトを見た限りでは、Simplicityのモバイル表示にはなっていないようです。
      何か、モバイル表示用のプラグインを使っているのではないでしょうか。
      とりあえず、そのプラグインをオフにしてみてください。

  27. みめい より:

    クラシックテキストというのが見当たらないんですが
    Simplicity2でいうとなにに広告を貼ればばいいんでしょうか?
    グーグルのアドセンスを張りたいです。

  28. みっさ より:

    Googleアドセンスに登録し、広告の設定をクリックしようとしたら
    サイトの審査に3日ほどかかります。と表示されました。
    以降の工程は審査を通ってから行うということでよろしいでしょうか?
     また、「(URL)の HTML の タグと タグの間に貼り付けます 」
    と、表示されたのですが、これを行わないと審査されないのでしょうか?
    お門違いの質問かもしれませんが、よろしくお願いします。

    • アバター画像 わいひら より:

      もし、審査に受からなかったら、作業を行っても無駄になるため審査を通ってからの方が良いかと思います。

      また、「(URL)の HTML の タグと タグの間に貼り付けます 」
      と、表示されたのですが、これを行わないと審査されないのでしょうか?

      おそらく、サイトと申し込み者の本人確認をするためのものだと思うので、貼り付けておいた方が良いかと思います。

      • みっさ より:

        返信ありがとうございます!
        やはり、本人確認のためのコードみたいで承認されませんでした。
        改めて張り付けてから審査してもらうことにします。ありがとうございました!

  29. お世話になります。
    だいぶGoogleAdsenseの申請方法が変わったような感じで、どう対応すれば良いか悩んでいます。
    一応、1月28日に申し込みました。
    その際に、既にの間に貼り付け指示があったので、simplicityのテーマの編集から子テーマのヘッダー編集用のシートに貼り付けました。
    本日、通過通知が来たのですが、ご説明の手順の場合、ヘッダーに貼り付けているスクリプトは一度外してから、それぞれ、説明手順に従って再度スクリプトを貼り付けていくのでしょうか?
    それとも、ヘッダーのスクリプトは残したまま、説明手順に従うのでしょうか?

    1月28日に申込時にヘッダーにスクリプトを貼り付けた段階で既にサイドバーに広告が表示されているように思えるので質問しました。

    説明が不十分のような気がしますが、もしわかりましたらよろしくお願いいたします。

    • アバター画像 わいひら より:

      確か、審査に通った場合は、スクリプトは外して良いかと思います。
      でないと、勝手に広告を挿入されてしまうので。

  30. まかろん より:

    記載に従って GoogleAdsense サイトに飛びましたが、まず英語サイトであったこと
    翻訳しながら進んだのですが 広告の設定 がクリックできず
    の間に入れろというscriptが
    どこにいれればよいかわからず、作業が止まってます
    simplicity2 で子テーマになっていると思いますが、
    その先、どうすすめていいのか WordPress自体が初めてで途方にくれています

  31. より:

    「新しい広告ユニット」をクリック~とありますが、画面表示が違う状態で、クリックできません。

    アドセンスの該ページでは、新しい広告ユニットの作成と表示されており、
    ・ディスプレイ
    ・インフィード
    ・記事内
    のどれかを選択するようになってます。
    広告サイズを選ぶこともできずに困っております。

    このあたり、どのように進めていったらよいか、ご説明お願いできませんでしょうか?

    • より:

      管理者さま

      紫です。

      この質問に回答いただけてませんが、この質問には回答できないということでしょうか?

      • アバター画像 わいひら より:

        そういうわけではありませんが、コメント欄の案内に、以下のように書かれているように、基本的にフォーラムしかチェックしていませんでした。

        出来ればテーマに関する質問は、フォーラムの方に書き込んでいただいてよろしいでしょうか。

        現在のアドセンス画面であれば「ディスプレイ」から「スクエア」を選択して作成ボタンを押せば良いかと思います。

        • より:

          わいひら様

           ご返信ありがとうございます。
           ご回答の内容でやってみようと思います。

           フォーラムの方への書き込みの件も承知しました。今後はフォーラムの方へ書き込むようにします。

  32. yososhi より:

    お世話になります。

    手順通り設定してみましたが、
    ウィジェット設定の所に止まってしまいました。
    コードを入力して保存ボタン押したら、
    くるくる回って保存できない状態です。
    他のテキストを入力すれば普通に保存できますが、、
    何か対策があれば教えていただきたいです。