SEO対策、WEBサイト(ホームページ)の作り方、そして時々柴犬と愛媛県

スポンサーリンク

広告サイズのコントロール:GoogleAdsense

レスポンシブ広告のサイズをコントロールしたい

SEOの記事ばかり書いてきましたが今回はGoogleAdsenseの内容です。

このサイトの記事も若干増やしてきて、別の本格的なアフィリエイト向けサイトも若干見れる程度にはなってきたわけで、今までデザイン的に地味な内容のこのサイトに少し色をつけるために入れてたアドセンスの広告をちょっと本格的にいじってみようとなったわけです。

GoogleAdsenseを利用しようとしている人なら、すでにアカウントもとっており、設置の仕方も何となくは理解している方ばかりだと思いますので、今回はその設置の仕方などは省略させてもらうとして、今回は広告サイズをある程度自分の思い通りのサイズで表示するにはどうするかについて書きたいと思います。

 

サイドバーに広告入れたいけど縦長はいやだという場合

今回、僕が少し悩んだのがこれですね。実際のところすでに縦長の広告(サイズはレスポンシブ)は設置はしていたのですが、今回はYahooなんかでも右上にあるような、四角い手ごろなサイズの広告を設置したかったわけです。

こういった場合、管理画面ではレクタングルといった四角いサイズのやつがこれに近いわけですが、レクタングルの大小どちらも横幅は300あるわけで、一般的なサイトレイアウトを考えると若干広すぎます。となると、レスポンシブを使うのが現実的になるのですが、基本サイドバーなどにレスポンシブで広告を設置すると、恐らく横幅があまりないため、自動的に縦長の広告が選択されてしまいます。

 

四角広告サイズにするには

そこで色々調べてみて簡単だったのが以下の方法です

通常広告内容を決めると以下のようなソースを張り付けてくださいと出るはずです

<ins class=”adsbygoogle”
style=”display:block;”
data-ad-client=”ca-pub-アカウント番号”
data-ad-slot=”広告番号”
data-ad-format=”auto“></ins>

ここでポイントとなるのが

 

data-ad-format="auto"

の部分。このautoをrectangleに変えてやると無事四角に近い広告が表示されるはずです。

data-ad-format="rectangle"

ちなみにレスポンシブで横長にしたい場合はvertical、縦長にしたい場合はhorizontalでコントロールできるようです。

また別の方法ではスタイルシートなりでmax-heightなりで最大縦幅をコントロールする方法もあるようですが、よっぽどギチギチのデザインにこだわらない限りは、こちらのほうが圧倒的に簡単でしょう。

関連記事

GoogleAdsense 調子に乗ると広告が表示されない事態に


スポンサーサイト

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)