2012年1月16日月曜日

Bloggerで記事直下にAdsenseを表示する方法



レイアウトの変更では記事直下にアドセンスを表示することができません。
でも、どうやら経験的に一番クリックされるのは
記事直下の広告のようです。
確かにgoogle adsenseサイトで確認すると、記事直下に貼付けたものが一番クリックされています。

いままでは、コピー&ペーストで記事に直接広告を貼り付けていましたが、これでは効率が良くないので、bloggerで記事直下にアドセンスを貼り付ける方法を探してみました。
http://blogger-customize-tips.blogspot.com/2009/01/insert-adsense-tag-primary.html
のサイトが詳しいのですが、
自分なりにまとめてみました。

Adsense タグを

<script type="text/javascript"><!--
google_ad_client = "pub-nnnnnnnnnnnnnnnn";
google_ad_slot = "nnnnnnnnnn";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"
type="text/javascript">
</script>

から

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-nnnnnnnnnnnnnnnn&quot;;
google_ad_slot = &quot;nnnnnnnnnn&quot;;
google_ad_width = 300;
google_ad_height = 250;
//--&gt;
&lt;/script&gt;
&lt;script
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;
type=&quot;text/javascript&quot;&gt;
&lt;/script&gt;

に変更します。
Bloggerはとても厳格な標準化XMLを採用しているのでHTMLエンティティ文字にない< > "などの文字を使うとエラーになり表示できません。
< → &lt;
> → &gt;
" → &quot;
に変更します。
(Emacs などのエディタで置換機能を使えば一発です。)

1.   bloggerにログインしてブログを選びます。

2. 「テンプレート」タブから「HTMLの編集」を選択して

3. 「ウィジェットのテンプレートを展開」にチェックマークを入れます。(これを入れないと<data:post.body>が表示されません。)

4.   <data:post.body>を探して、その直下にコードを挿入します。



このエントリーをはてなブックマークに追加



2 件のコメント :

  1. 参考になりました!ありがとうございます!

    返信削除
  2. 「レイアウト」タブから「HTMLの編集」を選択して

    とありますが、
    「テンプレート」タブからではないですか?
    間違ってたらすみません。

    返信削除