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

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

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

1. 記事の冒頭に置く

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

2. 記事の真ん中に置く

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

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




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

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

上の画像のように 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 の配置場所や、一度に表示される記事の数には注意しましょう。

終わりに

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

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