リッチパパ - 目指せ小金持ち

小金持ちになることを目指している普通のサラリーマンパパが、株式投資、節約、アフィリエイト、ライフハックなどの話題を発信するブログです。

STINGER6でのグーグルアドセンス配置カスタマイズ例

      2016/04/17

スポンサーリンク

STINGER6のグーグルアドセンス配置カスタマイズ

このブログはワードプレスで運用していて、STINGER6というテーマを使っています。

リッチパパはこのブログで初めてSTINGERを使ったのですが、さすが人気のテーマ。

なかなか使い勝手が良いですね。

さて、このSTINGER6はご丁寧なことに、ウィジェットの中に最初からアドセンス用の枠が用意されています。


このブログも最初は、そのウィジェットにアドセンスを格納していたのですが、ちょっと見た目を変えてみたくて、広告の内容と配置場所を変更してみました。

アドセンスのテキスト広告をズラーッと並べる方法

現在はこんな感じですね。

特徴的なのは、本文記事の上部にテキストの広告がズラリと並んでいることですが、あまり見かけない表示形式ではないでしょうか?

これはアドセンスの広告の設定で、広告サイズはレスポンシブ、そして広告タイプをテキスト広告のみに設定しています。

ただ、それだけだと、テキスト広告が1行のみ表示される形になってしまうようなので、ちょっと工夫をしています。

img160303_ad1

上の写真がアドセンスのコードですが、下から4行目の「data-ad-format="rectangle"」の部分に注目してください。

デフォルトだと、ここは「data-ad-format="auto"」になっているんですけど、"rectangle"に書き換えて使っています。

こうすると、テキスト広告がズラリと並び、なおかつ横幅も本文の横幅にピッタリあったサイズで表示されるようになる、という訳です(おおきなテキスト広告がぼーんとひとつだけ表示されることもありますが)。

サイドバーのイメージ広告もレスポンシブ設定にしてみた

サイドバーのイメージ広告が、STINGER6だとPC上で少し右側にはみ出てしまったり、スマホ表示だと奇麗に中央に配置されなかったりするのが気になっていたので、このサイドバーの広告もレスポンシブに設定することで対処しました。

そして、本文中の広告がテキスト広告のみなのに対して、サイドバーはイメージ広告のみの設定にすることでバランスをとっています。

現在はSTINGER7がリリースされているのですね。

少し落ち着いたらアップデートしてみようかな。

関連記事

STINGER7でアドセンス広告・バナー広告をカスタマイズ
STINGER7にアップグレード ちょっと前にSTINGER6を導入したばかりでしたが、アドセンスの配置を変更したくなったので、ついでにSTING...

にほんブログ村ランキング参加中!

ブログランキングに参加しています。
みなさまの応援クリックが励みになります。
にほんブログ村 その他生活ブログ マネー(お金)へ にほんブログ村 住まいブログ 一戸建 平屋住宅へ にほんブログ村 受験ブログ 中学受験(本人・親)へ
スポンサーリンク

 - ブログ・ネットビジネス