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広告が表示されます。

表示例

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

記事下広告

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

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

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

Ptengine
初心者でも見やすいアクセス解析「Ptengine」。無料から使えて、Simplicityから手軽に設定することも可能です。
スポンサーリンク
アドセンス(大)
アドセンス(大)

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

コメント

  1. […] Simplicityテーマ内にGoogle AdSense広告を貼り付ける方法 […]

  2. 初心者n より:

    こんにちは

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

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

  3. わいひら わいひら より:

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

  4. 初心者n より:

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

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

  5. わいひら わいひら より:

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

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

  6. カレン より:

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

  7. カレン より:

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

    • カレン より:

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

  8. わいひら わいひら より:

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

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

  9. カレン より:

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

  10. あまむら より:

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

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

  11. あまむら より:

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

  12. あまむら より:

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

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

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

  13. あまむら より:

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

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

  14. わいひら わいひら より:

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

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

  15. あまむら より:

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

  16. かかし より:

    初めまして。

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

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

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

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

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

    宜しくお願い致します。

  17. わいひら わいひら より:

    はじめまして。

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

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

  18. かかし より:

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

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

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

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

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

  19. わいひら わいひら より:

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

  20. 橋尾 渡 より:

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

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

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

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

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

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

  21. わいひら わいひら より:

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

    • 橋尾 渡 より:

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

  22. わいひら わいひら より:

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

  23. サンギス より:

    ご質問させてください。

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

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

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

  24. わいひら わいひら より:

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

  25. foraction より:

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

  26. まんもり より:

    初めまして。

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

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

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

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

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

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

    宜しくお願い致します。

  27. まんもり より:

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

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

    • わいひら わいひら より:

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

  28. みめい より:

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