アメブロにGoogleアドセンスを設置する方法 | ichitaso's back of flyer

ichitaso's back of flyer

ネット上や普段の生活で疑問に思ったこと、便利だと感じたサービス・コンテンツを丸めて包んでご紹介


Google AdSenseとは


所有するWebサイト(ブログでも可)にGoogle AdSenseの広告コードを
貼り付けると広告が表示される。
その広告がクリックされると報酬が得られる仕組みである。
Google AdSenseのシステムが自動的にサイトの内容を解析し
そのサイトにあったコンテンツ連動型広告を配信するシステムである。
(Wikipediaより抜粋)

要約すると、記事内容にあった広告が自動的に表示され
クリックされるだけで報酬が発生するサービスです。

アメブロには通常、記事下にGoogle AdSenseの広告が表示されています。
これはAmebaの収益の一部として貼られているものです。
広告を表示しないOPに加入しない限り、外すことは出来ません。
(非公式ですが裏技的に外す方法もあります)

Google AdSenseの申し込み


Google Adsense の登録方法


Link:Google AdSense

参考Link:Google AdSenseの始め方 その1「審査を突破する」 - GIGAZINE

Google AdSenseの登録が終わったら、コンテンツ向け AdSenseを作成し
広告ユニットからscriptコードを取得できます。



コピーしたScriptコードをフリープラグインに貼り付ければ
作成した広告がサイドバーに表示されるようになります。

Google AdSenseを記事下に設置する方法


1.Kauliに登録します。


2.広告枠→広告枠作成より自分のサイトにあった広告を作成します。
 (Google AdSenseで設定したサイズに合わせて作成)

3.アドネットワーク設定のアドネットワークを追加をクリック




4.Google AdSenseで作成したコードをコピーし、広告タグにペースト



5.追加するをクリックすると自動的にGoogle AdSenseの項目が追加されます。

6.広告タグを選択しscriptコードをコピーし、テキストエディタ等にペースト

7.コード末尾の</script>タグの前に以下のコードを挿入
$(function(){
$("#kauli_yad_1").insertBefore("#advertising2");
});


8.全てを選択し、フリープラグインに追加することで完了です。

Google AdSenseには、バナー型とテキストリンク型の2種類がありますが
あまり大きなバナー広告を貼り付けると、ブログ自体の見易さが低下する可能性があります。
設置するとしたら、テキストリンク型の方がスッキリした見栄えになるかと思います。

[追記]

アメブロの新スキンに対応させる方法

アメブロの新しいスキンだとセレクタ(idやclass)が変更されているため
表示させるのに以下のCodeをフリープラグインに入れてください。
<script src="http://www.google.com/jsapi"></script>
<script>google.load('jquery', '1.6.4');</script>
<script>(_JQ164_=jQuery)(function(){$=jQuery=_JQ164_;});</script>

7.「コード末尾の</script>タグの前に以下のコードを挿入」の部分を以下に変更
$(function(){
$("#kauli_yad_1").insertBefore(".skinArticleFooter");
});