心はいつもAirPucci (空元気でもいいから)

毎日がPucciを着ているような気分

サイドバーの幅を決めたい(Googleアドセンス編)

   


サーバー移転したままブログが放置状態になっています。
その間も検索エンジン経由でアクセスがあり、一度コンテンツを作ると生き続けるブログの強さを感じます。ブログ、おすすめですよ。書くとよいですよ。

さて、ちゃんとリニューアルしないと。リニューアルでまず迷うのがコンテンツの幅。

今回は、全体をほぼYahooサイズの960pxと決めています。
構成はブログの王道、2ペインの右カラムで。
サイドの幅はほぼ黄金比で割り、370pxとしたいのですが、ここにはTwitterやFacebook、アフィリエイト情報を載せたい。まずは、それらの横幅がいくつなのか調べてみます。今回はGoogleアドセンス編。

Googleアドセンス

Googleアドセンスのバナーはサイズ豊富です。使いたいのはイメージバナーのレクタングルとスクェア。ブログに広告主の写真やイラストで華を持たせたいわけですね。
広告設定では、①テキスト②イメージ③テキストとイメージの混在、3つから選べます。アクセス数がそれほどでもないサイトだとイメージ広告を選んでも配信されないことがあるので注意。広告が配信されない場合は、塗りつぶしカラーを設定できます私は#ff6fcfを選んでみました。

レクタングル大サイズ(336*280)



真四角系では一番大きなサイズ。
サイドバー370pxには余裕で収まり、余白が左右各17pxとれます。

レクタングル中サイズ(300*250)



サイドバー370pxだと、余白が70pxもでて中途半端かも。

スクエア(250*250)



サイドバー370pxだと1つしか置けないうえに余白が120px、もはや余白とは言えないサイズ。これは使わないな。

スクエア小(200*200)



サイドバー370pxだとぎりぎりで2つ置きできない。余白が170px、と余りまくり。サイドバーの幅見直しが必要かしら?

広告をgoogleアドセンスだけで、ブログでよくみかけるこんな配置をしようと思うと、下2つにスクエア小を並べることになるので、横幅400px以上必要になるのですね。
どうしようかな。Amazonや楽天アフィリを並べる手もあるので、横幅決定はちょっと保留。

 - テクニカル ,

Message

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

  関連記事

no image
RailsGirlsMore!でRailsTutorialのキモチワルイところがスッキリしました

RailsGirls松江からのぉ〜東京More!*既に2回目から1ヶ月半。またま …

もうあかん!Mac OSXのスクロールを逆にする

OSXのいつのバージョンからだっけ? スクロールの向きが突如逆になったんですよね …

no image
いまだにユビキタスなSONYとクラウドに向かうApple

PS3のトルネが良さそう@ヤマダ電機。PS3本体とチューナーの2台になってスッキ …

パーフェクトRuby 2章Rubyの基礎 2-5-5 クラスメソッド

p54 2-5-5 クラスメソッド インスタンスメソッドに対して、クラスに対して …

RailsGirls松江からのぉ〜東京More!*既に2回目

RailsGirls東京3回目に申し込みそびれた流れから松江に参加し、チューター …

no image
RailsとRubyのインストール済みバージョン確認し、Rails3.2+Ruby1.9に戻してみる。

Rails3.2で作る必要があったので、Rails4はいったんおいといてRail …

RailsTutorial4.0を高速で復習する。5章。

さてRailsTutorial4.0も5章に入ります。まだ序の口です。5章ではb …

no image
RailsTutorial4.0を高速で復習する。3.3.2章。

3.3.2タイトルのテストをパスさせる。です。 ひとまず、静的ページをhtmlの …

no image
rbenvとruby-buildのインストール

諸々のものをインストールしたら、次はHomebrewを使ってrbenvとruby …

RailsTutorial4.0を高速で復習する。またまた5.1.2章の途中から。

RailsTutorial4.0を高速で復習する。5.1.2章の途中から。です。 …