Simplicity広告用ウィジェットの設定方法

Simplicity1.7.4から広告用ウィジェットを追加しました。

photo by Peter Kaminski

スポンサーリンク

広告専用のウィジェット

今回追加した広告ウィジェットの特徴として、テーマカスタマイザーの以下の設定をウィジェットにも反映させることができます。

  • 広告の表示
  • 広告のラベル
  • 広告の中央表示
  • 広告除外記事
  • 広告除外カテゴリ

これらのウィジェットを利用することで、個別にGoogle AdSenseのカスタムフィールドを簡単に設置できるようになりました。もちろん、その他のサービスの広告も手軽に設置できるようにもなりました。

広告ウィジェットを用いたAdSenseの設定などは、サイト管理者各自の責任でお願いします。デフォルトの広告設定機能のように、広告の表示数や表示場所をアドセンスポリシーに最適化して管理する機能はありません。

今回追加したウィジェットは以下の3つです。

  • パソコン用広告ウィジェット
  • パソコン用広告ダブルレクタングルウィジェット
  • モバイル用広告ウィジェット

広告ウィジェットを使用すれば、ラベルが自動的に挿入されます。ですので、ウィジェット入力欄にタグなど用いてラベルを記入する必要はありません。

設定準備

まずは、「広告 336×280」と「広告 300×250」ウィジェットに広告などが中身が入っていると、数が多く表示されてしまう可能性があるのでウィジェットを外します。

2017-02-22_01h04_18

Simplicityデフォルトの広告設定ウィジェット部分が空になっていることを確認してください。

パソコン用広告ウィジェット

パソコン用広告ウィジェット[2]

パソコンのみで表示されるSimplicity用の広告ウィジェットです。

設定画面

ウィジェットの設定画面は以下です。

パソコン用広告ウィジェットの設定

広告タグ
アドセンスなどのタグを入力する。

広告コードのみを入力してください。

左マージンのピクセル数
広告の位置を左右にずらす時に利用します。例えば、「-10」として数と左にピクセルずれます。

広告を除外設定の適用
チェックを外すとカスタマイザーで設定した広告除外設定が適用されません。除外する必要のないアドセンス以外の広告を貼り付けるときなどに利用します。

表示例

広告を設定すると、パソコン画面で以下のように、カスタマイザーの設定を反映した形で表示されます。

パソコン用広告ウィジェットで表示[2]

パソコン用広告ダブルレクタングルウィジェット

パソコン用広告ダブルレクタングルウィジェット[2]

パソコンのみで表示されるSimplicity用のダブルレクタングル広告ウィジェットです。

設定画面

ウィジェットの設定画面は以下です。

パソコン用広告ダブルレクタングルウィジェットの設定

広告タグ(左)
ダブルレクタングルの左側に表示するアドセンスなどのタグを入力する。

広告タグ(右)
ダブルレクタングルの右側に表示するアドセンスなどのタグを入力する。

広告コードのみを入力してください。

広告を除外設定の適用
チェックを外すとカスタマイザーで設定した広告除外設定が適用されません。除外する必要のないアドセンス以外の広告を貼り付けるときなどに利用します。

※ダブルレクタングルウィジェットには、位置をずらす機能はありません。

表示例

設定するとパソコン画面で以下のように表示されます。

パソコン用広告ダブルレクタングルウィジェットの表示[2]

モバイル用広告ウィジェット

モバイル用広告ウィジェット

ウィジェットの設定画面は以下です。

モバイル用広告ウィジェットの設定

広告タグ
アドセンスなどのタグを入力する。

広告コードのみを入力してください。

左マージンのピクセル数
広告の位置を左右にずらす時に利用します。例えば、「-10」として数と左にピクセルずれます。

広告を除外設定の適用
チェックを外すとカスタマイザーで設定した広告除外設定が適用されません。除外する必要のないアドセンス以外の広告を貼り付けるときなどに利用します。

表示例

以下のように表示されます。

モバイル用広告ウィジェットの表示

まとめ

今回のウィジェットを追加したことで、以前テキストウィジェットで行っているような以下のようなタグ入力をする必要が無くなりました。

Simplicity1.7.4にて、より手軽に広告を設定できるように広告専用ウィジェットを追加しました。 以下はその設定方法です。 ...

また、「外観→カスタマイズ→広告」での設定も反映されます。広告の表示/非表示や、広告除外記事・カテゴリなどと連動して動作するようになりました。

これで、ウィジェットで広告を設定している場合でも、「デフォルト機能で広告を設定しているか、ウィジェットで設定しているか」をあまり考える必要が無くなりました。

以上のようなことで、以前よりもウィジェットでの広告設定が、より簡単になったと思います。

GitHubリポジトリ

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

yhira/simplicity2

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

フォローする

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

コメント

  1. 壬生狼 より:

    ご依頼通りのコメントテストでございます。

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

    ありがとうございます。
    Throws SPAM Awayというプラグインが必要以上にAwayしちゃってたみたいです。

  3. ペコママ より:

    いつも拝見させて頂いてとても勉強になっております。
    さっそくですが質問がございます。
    忍者AdMaxを広告として掲載したいのですがうまく出来ません。どうしたらいいのか教えて頂けたら幸いです。
    お忙しいかと思いますが宜しくお願い致します。

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

    忍者AdMaxを、どのウィジェットに、どのように書いたら、どのような症状が出てうまく掲載できなかったかを、書いていただかないと、こちら側で不具合の再現ができないので、ちょっと何ともアドバイスできないかもしれません。

  5. tissue より:

    初めして、このたび、わいひらさんのシンプリシティーを使わせていただいて初めて、BLOGを開設しました。グーグルアドセンスから、審査中で2次審査で広告貼りなさいまで来たのですが、なぜか?貼っても上手く保存されず表示されません。
    何の問題でしょうかね〜?保存されずにぐるぐる廻ってるだけ、表示が、、、

    分かりますか?

    自分でももう少し頑張ってみます!

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

    サイトを拝見してみたところ、サーバーはロリポップをお使いのようですね。
    その場合は以下のページの
    動作不良時のガイドライン

    「アドセンスのコードをテキストウィジェットなどに貼り付けられない場合はサーバーの設定を確認」という項目に書かれている設定を試してみてください。

  7. tissue より:

    早速の返答ありがとうございます。
    やってみました。できるようになりました。ただ、なんでこんな表示なんでしょうかねー
    何度か色々ためしてみたんですが?

    アドセンスなどのタグの前にこのタグも書いて貼りましたが、何かおかしいですねー

    プラグインも外したり、キャッシュもクリアしたんですが、、、、すみません!
    なんですかねー?

  8. tissue より:

    なぜか?広告が6個も?なんでこんなにでてきたのでしょう?
    すみません。素人で!

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

    ページを拝見しましたが、僕にはそんなおかしな表示に見えませんが。

    なぜか?広告が6個も?なんでこんなにでてきたのでしょう?

    どのページのことでしょうか?URLを貼ってもらってよろしいでしょうか。
    いくつか投稿ページを見て見た中では、3つ以外に収まっているように見えます。

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

    ラベルが何個も表示されているということでしたら、広告ウィジェット内に「スポンサーリンクタグ」と書かれたラベルタグを記入しているのではないでしょうか。
    基本的に広告ウィジェットを利用する場合は、広告コードのみ貼り付ければOKです。

    こちらの方と同様の現象ではないかと思います。
    スポンサーリンク文字がPCで三つ表示される

    あまり慣れてないのであれば、こちらのやり方をやったほうが無難かと思います。
    Simplicityテーマ内にGoogle AdSense広告を貼り付ける方法

  11. tissue より:

    わいひら様
    色々、即の回答ありがとうございました。
    素人の戯言にすみません。

    結論として、ウイジットの336×220の中に広告を入れると、スポンサーリンクが二個になってまして、それぞれのウィジットに入れ直したら、治ったみたいです。

    ありがとうございました。
    これからも、ブログを見させてもらって、勉強して行きます!

  12. @takapiece より:

    こんにちは、お世話になっております。

    私も只今新サイト作成中で、広告設定する段になって広告が6個になったりスポンサーリンクが3つ出てきたりしました。
    3つのラベルは広告設定でラベルを空白にしても出てきます。

    取り敢えずの解決方法として、「広告336×280」等の中身を広告ウィジェットではなく、テキストウィジェットにすることで対応しています。

    何かのヒントになれば幸いです。

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

    上の方のコメントにあるtissueさんのように、広告ウィジェット(もしくは広告設定用のウィジェット)に「スポンサーリンクを含んだタグ」ごと貼り付けてある、ということはないでしょうか?

    試しに、このコメント欄に「設定の参考にしたページ」か、「実際不具合が出ているURL」、もしくは「広告ウィジェットに入っているコード(広告部分は他の文字に入れ替えて)」をどれか(複数でもOK)貼り付けてみてもらって良いでしょうか。
    直上にあるコメントの情報だけでは、大ざっぱな推測でしかアドバイスすることができないので。
    おそらくそれで原因がわかると思います。

  14. @takapiece より:

    申し訳ないです。すでに解決済みのところにコメントを入れたので、手間が増えてしまった感じですね。
    原因は「広告ウィジェット336×280」の中に「広告ウィジェット」を入れた事だと思います。

    で、実は別の問題が・・・PC表示では広告が出ますが、モバイル表示では出ません。
    設定は「広告ウィジェット336×280」の中に「普通のテキストウィジェット」で広告タグのみ貼っています。
    ひょっとしたら、最初に間違えて「広告ウィジェット336×280」の中に「PCのみ広告ウィジェット」を入れた時の設定が残っているかもですね。(今は削除しています)
    調べてみます。

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

    モバイルで表示されないのは、「広告300×250」にコードが入ったテキストウィジェットが入っていないのが原因かと推測します。

    以下のように設定してみてください。
    Simplicityテーマ内にGoogle AdSense広告を貼り付ける方法

  16. @takapiece より:

    解決しました、ありがとうございます。

    もう本当に恥ずかしいです。
    1ヶ月ほど前に一つ目のブログを色々設定して、今回それを参考に同じように・・・
    と、思っていたら基本中の基本が抜けていました。

    これを機に手順をまとめてみようと思います。

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

    僕の記事説明は、作者自身が書いているので、つまずくところがわからず、わかりづらいところもあるかもしれません。
    ですので、つまずいたところなどを踏まえて、まとめなどをブログなどで書いていただけると、初心者の方にもわかりやすいものになるかと思います。
    ですのでまとめていただけると、僕もすごく嬉しいです。

  18. @takapiece より:

    おお!そう言っていただけると、とっても嬉しいです!やってみます!

  19. pomme より:

    初めまして、最近アドセンス広告をしだした者なのですが、どうもうまく行かず何かやり方に問題があるのかご指示頂けたらと思いコメントさせて頂いております。

    こちらの記事のパソコン用広告ダブルレクタングルウィジェットを使って「投稿本下」にアドセンス広告を表示させたいのですが、

    1.「投稿本文下」ウィジェットの中に「パソコン用広告ダブルレクタングルウィジェット」を配置

    2.アドセンスで取得した広告コードを左右それぞれ貼りつけて保存

    という作業をしたのですが反映されません。
    説明が拙くて恐縮ですが、何かもし思い当たることがあれば教えて頂けませんでしょうか。

  20. pomme より:

    先ほどコメントをさせていただいたpommeです。私の勘違いが原因で、問題解決致しました。
    大変失礼致しました、

  21. ブースター より:

    パソコン用広告ウィジェット、モバイル用広告ウィジェットを使用して広告コードを設置しましたが、ブラウザで表示されません。
    アドセンスの問題でしょうか?

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

    どのウィジェットエリアに、どのウィジェットを用いてコードを入力されているのでしょうか?
    出来ればもう少し詳しくお願いします。