Google Bloggerの記事を開いたときだけAdSense広告を表示させる方法

Google Bloggerの場合はFC2、Seesaa、Livedoorなどの日本の主要ブログサービスプロバイダと違って、AdSenseコードをそのまま貼り付けることができませんでした。

AdSenseコードにある括弧 < > や引用符 " を下記のように変換しなくてはいけません。

< ： &lt;
> ： &gt;
" ： &quot;

ツールでコード変換すればいいのかもしれませんが、私の場合はこの３つの記号をIMEの単語辞書に登録しておいて、辞書から呼び出して置換しています。Microsoft FontPageなどのHTML編集アプリケーションでソースを貼り付けてHTMLを開くと変換されますが、ここでは説明は割愛します。

記号変換前のAdSenseコード

<script type="text/javascript"><!--
google_ad_client = "pub-0000000000000000";
/* Ad Unit */
google_ad_slot = "0000000000";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

記号変換後のAdSenseコード例

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-0000000000000000&quot;;
/* Ad Unit Name */
google_ad_slot = &quot;0000000000&quot;;
google_ad_width = 200;
google_ad_height = 200;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/
pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

とりあえずこれでHTMLコードに挿入する準備はできました。



記事タイトルをクリックしたときにAdSense広告を表示するには、HTMLの中に「もし記事表示だったら」という条件を追加してあげないといけません。

<b:if cond='data:blog.pageType == "item"'>
<p>
[ここにAdsenseコードを挿入（記事の上）]
<data:post.body/>
[ここにAdsenseコードを挿入（記事の下）]
</p>
<b:else/>
<p><data:post.body/></p>
</b:if>

<data:post.body/> が本文になります。
上のコードでは、これを挟むようにして上下にAdSenseコードを挿入する場所を２つ示しています。記事の上、記事の下の両方にAdSenseコードを入れておけば、記事本文を挟んで上下にAdSense広告が表示されます。記号置換済みのAdSenseコードを挿入して準備しておきましょう。なお便宜上、ここまで準備のできたAdSenseコードを「条件式つきAdSenseコード」と呼ぶことにします。



HTMLから次の該当箇所を探してください。

<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class='post-footer'>

この赤字の部分を先ほど作っておいた「条件式つきAdSenseコード」と差し替えます。

これで、Google Bloggerで記事表示のときだけAdSense広告を表示されるようになります。

ちなみに、使用するテンプレートにも依るのかもしれませんが、このまま挿入するとAdSense広告が記事の行頭よりも左側に寄ってしまうことがあります。私あすかＣ爺は、ちょっと見た目が心地よく無いと感じるので、AdSenseのコードを div margin-leftでマイナスの数字（-10pxくらいでオッケー）を入れて行頭が揃うように右に寄せています。マイナスは使っちゃいけないということをどこかで読んだような気もするんだけど、全然気にしていません。

記事が表示されたときだけにAdSense広告を表示するというやり方は、トリッキーな気がしてあまり好きではないのですが、単体の記事下のアドセンスはクリック率が高いので、よろしいのではないかと。
あすかＣ爺の最近のアドセンスクリック率の分析では、記事下にfloatで挿入した 200 x 200のユニットのクリック率が高い傾向にあります。日本のアドセンスサイトでも最近見るようになりましたが、海外のアドセンスサイトでは結構多く見かける記事中の挿入方法です。

但し、記事下はGoogle AdSenseポリシー違反になる可能性があり、「スポンサードリンク」、「広告」のラベルを挿入するか、罫線などで区切り、アドセンス広告であることが明確になるようにしておいたほうが安全です。
ちなみに私あすかＣ爺が float でアドセンス広告を記事中に挿入する場合は右側にfloatするようにしています。大差無いかもしれませんが、左側にfloatすると記事タイトル直下になってしまい危険を感じるからです。ご参考まで。


関連記事
Google Blogger Hack−あすかＣ爺の実践海外アフィリエイト入門
Google Bloggerの記事を開いたときだけAdSense広告を表示させる方法
FC2ブログの記事中に グーグルアドセンス を設置する方法
Seesaaブログの記事中に グーグルアドセンス を設置する方法
SEO対策に必要な最低限のブログカスタマイズ
Google AdSenseのラベル表記って・・・


参考記事
Adsense inside your posts and only on post (item) pages

---