In the Blogger room: 2008

Monday, October 27, 2008

Google AdSense を Blogger の記事中の好きなところに埋め込む方法の実践例

前のエントリ「AdSense を Blogger の記事中の好きなところに埋め込む方法」の実践例を挙げていきます。

1. 記事の冒頭に置く
2. 記事の真ん中に置く
3. アマゾン･アソシエイトと並べる

1. 記事の冒頭に置く

上の画像のように記事冒頭の右側に AdSense を配置するには、下の画像のように AdSense コードを <div style="float:right"> と </div> で囲んで文章の前に挿入します。 <div style="float:left"> で指定すると、さらに一つ下の画像のように AdSense が記事冒頭左に表示されます。

2. 記事の真ん中に置く

上の画像のように、記事途中に AdSense コードを配置すると下のようになります。

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

3. アマゾン･アソシエイトと並べる

Blogger で Google AdSense とアマゾン･アソシエイトを並べて表示する

上の画像のように AdSense コードとアマゾン･アソシエイトのコードを投稿すると、下のように AdSense を右に、アソシエイトバナーを左に並べて表示できます。

<div style="float:left"> だと下の画像のように表示されます。

また、<table><tr><td> アマゾンコード </td><td>（<div style="float:"> と </div> で囲まずに）AdSense コード（120*600） </td></tr></table> と投稿すると以下のように表示させることも出来ます。

注意点

コンテンツ向け AdSense の一画面に表示できる数は 3個までと決まっていて、上から（ ? ）4個目以下は表示されないため、気をつけないと下の画像のように間抜けなことになります。AdSense の配置場所や、一度に表示される記事の数には注意しましょう。

4個目のコンテンツ向け AdSense が表示されていないためレイアウトが崩れた記事

終わりに

Blogger にはインライン広告がありますが、AdSense が表示されるのが記事の下であるため目に留まりにくく、クリック率（CTR）は低いです。一方、AdSense を記事中に表示すると広告が見られる可能性が高くなり収益は格段に向上するでしょう（GIGAZINE の「よくクリックされるGoogleAdSenseの条件3つ」を参照）。特に AdSense をアソシエイトバナー隣の余白に表示する方法は、ブログ訪問者の邪魔にならず、また広告があってもそれほど不自然な場所ではないため、かなり使える Tips だと思います（上では説明のインパクトのためにわざと目立つようにしましたが）。

ちなみに「20世紀の幽霊たち」は最高に面白い短編集です。

Sunday, October 26, 2008

AdSense を Blogger の記事中の好きなところに埋め込む方法

Blogger in draft だと Google AdSense を記事本文中の好きなところに埋め込むことが出来るんですね。

この記事の一番上で表示されているように右に貼り付けるなら、AdSense のコードを以下のように <div style="float:right"> と </div> で囲んで、このコードを記事の好きなところに貼り付けるだけ。

<div style="float:right">
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxx";
/* 200x200, 作成済み 08/10/25 */
google_ad_slot = "xxxxx";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>

左に表示させるには
<div style="float:left">

で OK 。

私の経験では、Blogger の記事中の好きなところに AdSense を表示させるのはBlogger in draft 環境下だけです。

Blogger in draft って何? という方は、クリボウの Blogger Tips: Blogger in draft を参考にしてください。

次のエントリ「Google AdSense を Blogger の記事中の好きなところに埋め込む方法の実践例」もどうぞ。