はてなブログのサイドバーと記事下にGoogleAdsense広告を貼る方法

「あどせんすこうこくは　もってるだけじゃ　いみがないぞ！」

photo by chrisfurniss

　ちゃんと貼らないとな。というわけで今回はGoogle Adsenseの広告の貼り方を書きます。知っている人も多いと思いますがお付き合いください。

　僕のブログは記事下とサイドバーにレクタングル広告をひとつずつ載せています。クリック数を見ると断然記事下のほうが多いのですが横にもあった方がきれいなんです。なにしろ画像が少ないブログなので。見栄えの面を考慮して広告を増やしてみました。

広告コードを取得する/記事下へ貼る

　まずはアドセンスのトップページから広告のコードを取得しましょう。

　 f:id:kyokucho1989:20131103203834p:plain

　広告の設定から「新しい広告ユニット」ボタンを押します。

　 f:id:kyokucho1989:20131103204012p:plain

　名前は「記事下A」とでもつけておきます。後のコードを生成するときにこの名前がコメント欄に表示されるのでわかりやすい名前のほうがいいです。広告サイズは「レクタングル（中）」、広告タイプは「テキスト広告とディスプレイ広告」を選択します。
　広告サイズはいろんな種類があるので自分で気に入ったものを入れてみてください。広告タイプはテキスト広告とディスプレイ広告を選択したほうがいいです。そうするとたくさんの企業が入札してくれて、結果としてクリック単価が上がるらしいです。

　テキスト広告とディスプレイ広告を表示可能にする - AdSense ヘルプ

　あとは「保存してコードを取得ボタン」を押します。出てきたコードを記事下に貼ればOK。

　ブログトップページからデザイン>カスタマイズ>記事下　に移動してコードをコピペしましょう。

サイドバーへ貼る

　サイドバーも同様に新しくコードを取得して貼付けます。しかし普通に貼付けると背景からはみ出てしまう可能性があります。

f:id:kyokucho1989:20131103205311p:plain

　そこでCSSをちょっといじって広告が出るところだけ背景をなくす処理をしてやります。

.hatena-module:nth-of-type(n)  {
 background: transparent;
}
.hatena-module:nth-of-type(n) .hatena-module-title{
 display: none;
}
.hatena-module:nth-of-type(n) .hatena-module-body {
 padding: 0;
}