タイトルの通り、Google Adsense（グーグルアドセンス）を
ブログの文章内に挿入するためのカスタマイズの方法です。
ただし、今回は流行からはあえて外れて（笑）
アドセンスの貼り付け位置を、各記事ページにおける
【記事部分の末尾】に限定してお話しします。
なぜ記事の末尾なのかというと、
私の中でこの位置にアドセンスを貼り付けるのは
「毎回、それなりの文章量で記事を書く人ほど効果的」
だと考えるからです。
なので、「毎回ある程度の文章量で記事を書いている」と
言えるぐらいまっとうなブログ運営をされている方は、
ぜひ取り入れてみて欲しいな、と思います
俗に言う「アドセンスクリックしてくれ！」ブログや放置・量産系のブログでは、
記事の末尾にアドセンスを挿入しても正直あまり稼げないので読まなくていいです（笑）
さて、今回は主にSeesaaとFC2ブログの２ブログについて解説します。
この二つしかカスタマイズしてまで使ったことがないから、
というのがその理由ですが、
HTMLを編集して設置する形式を取っているブログサービスならどこでも
コードを貼り付ける位置は大概似てるはずですので、
他のブログをお持ちの場合も参考なると思います。
※ 作業時の注意 ※
作業時には何かあるか分かりませんので、事前に必ず、
編集するHTMLの部分を一度テキストエディタに全部コピーして保存しておきましょう。
◆ Seesaaブログの場合
Seesaaブログは、ブログのパーツ毎に分かれて管理する形なので、
位置の変更や、表示する文字列の変更といった程度のカスタマイズなら
「HTMLをいじらなくても編集できる」というのが魅力ですよね。
アドセンスの貼り付け方法についても、単に
「【自由形式】コンテンツにアドセンスのコードを挿入するといいですよ」
としか説明していないレポートも多いです（苦笑）
まぁ、最近流行している量産型、特に「アドセンスクリックしてくれ！」な
ブログなら、自由形式コンテンツで十分事足りるのですが、
ご存じの通り、この時のアドセンスは記事コンテンツの外側に表示されてしまうので、
「記事の末尾」にアドセンスを表示させることはできません。
というわけで、記事の末尾にアドセンスを表示させる場合は、
HTMLを編集する必要があります。
ただ、Seesaaブログは、HTMLを編集するために必要な
タグの意味の説明や使い方の例などは一切説明してくれません（泣）
なので以下では、アドセンスのコードを挿入すべき箇所を示しながら、
具体的なアドセンスのコードの挿入方法をお話ししていきます。
１．Seesaaブログにログインして、上部のメニューから
「デザイン ＞ コンテンツ」へと移動します。
２．「記事」コンテンツをクリックして、編集画面を開きます
３．画面右上の「コンテンツHTML編集」をクリックしてHTML編集画面に移動します。
４．HTMLが記述されてる部分をCtrl+A等で「全部指定して」からコピーし、
一度テキストエディタ上に貼り付けます（作業しやすくするため）
さらに念のため、このテキストファイルも保存しておきます（バックアップのため）
５．以下の記述がある部分を探して、
【【 この部分にAdsenseのコードを挿入する 】】の箇所に
アドセンスのコードを挿入します
（見やすくするために、一部改行してあります。）
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title">
<% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %>
<% /if %><% article.entire_body | bodyfilter(article_info,blog) %>
<% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %>
<a href="<% blog.tag_url(tag) %>"><% tag.word %></a>
<% /loop %></div><% /if %>
【【 この部分にAdsenseのコードを挿入する 】】
<% else -%>
６．挿入が終わったら、再びこのテキストファイルの内容を全部コピーして、
SeesaaのHTML編集画面内のHTML文字列を全部選択して貼り付け（上書き）てから
「保存」をクリックします。
７．「編集を完了しました。
この変更をブログに反映させるには、ブログの再構築が必要です。」
と表示されるので、
再構築する範囲を「すべて」にして再構築を行います。
以上の手順で、記事の末尾にアドセンスが挿入されているはずです。
Seesaaの場合、
<% article.entire_body | bodyfilter(article_info,blog) %>
というタグによって、
「続きを読む」以降の文章を含めた記事全文が表記されますので、
基本的には、このタグの「すぐ後ろ」に
アドセンスのコードを挿入すればまず大丈夫です。
◆ ＦＣ２ブログの場合
FC2ブログの場合、Seesaaブログとは違い、
ブログのHTML構成はテンプレート１枚に全て収まっています。
そのため、アドセンスの挿入に限らず、慣れない内は
FC2でのHTML編集自体、Seesaaよりも手間取ると思います。
ですが、最近はカスタマイズのためのヘルプマニュアルなど、
中・上級者向けの機能が充実してきているので、
慣れれば、FC2の方がカスタマイズしやすいと思います。
HTML、CSS共に、それぞれ１枚で全部管理できるので、
テンプレートのバックアップが容易なのもFC2の利点ですね。
こういったブログ作成者への気配りは、
FC2の方がSeesaaよりも圧倒的に細かくて好きです（笑）
ただ、放置しておくとトップに広告はいるようになったので、
更新しない量産型のブログには使いづらくなりましたけどね（汗）
というわけで、ここでもSeesaaブログの場合と同様に
アドセンスのコードを挿入すべき箇所を示しながら、
具体的なアドセンスのコードの挿入方法をお話ししていきます。
１．ログインしてから、環境設定 ＞ テンプレートの設定 と移動します。
２．「（現在使用しているテンプレート名）のHTML編集」という欄があるので、
その中に書かれている内容をCtrl+A等で全部選択してからコピーし
新しくテキストエディタを開いて、そこに全部貼り付けます（編集しやすくするため）
さらに念のため、このテキストファイルを保存しておきます（バックアップのため）
３．以下の記述がある部分を探して、
【【 この部分にAdsenseのコードを挿入する 】】の箇所に
アドセンスのコードを挿入します
（見やすくするために、一部改行してあります。）
<div class="entry-body">
<!--not_permanent_area-->
<!--date_area--><%topentry_discription><!--/date_area-->
<!--category_area--><%topentry_discription><!--/category_area-->
<!--search_area--><%topentry_discription><!--/search_area-->
<!--not_date_area--><!--not_category_area--><!--not_search_area-->
<%topentry_body>
<!--more_link--><p class="entry-more-link">
<a href="<%topentry_link>#more" title="「<%topentry_title>」の追記を表示">
追記を表示</a></p><!--/more_link-->
<!--/not_search_area--><!--/not_category_area--><!--/not_date_area-->
<!--/not_permanent_area-->
<!--permanent_area-->
<%topentry_body>
<!--more-->
<div class="entry-more" id="more"><%topentry_more></div>
<!--/more-->
<!-- Google AdSense コメントを削除してコードを埋め込み -->
【【 この部分にAdsenseのコードを挿入する 】】
<!--
<div class="entry-adsense">
ここに広告スクリプトを挿入して下さい
</div>
-->
<!--/permanent_area-->
</div>
４．挿入が終わったら、再びこのテキストファイルの内容を全部コピーして、
「（テンプレート名）のHTML編集」内の文字列を全部選択して貼り付け（上書き）てから、
「更新」をクリックします。
以上の手順で、FC2ブログにおいて
アドセンスが記事の末尾に表示されるはずです。
FC2では、
<!--more-->
<div class="entry-more" id="more"><%topentry_more></div>
<!--/more-->
というタグで、「追記を読む」で展開される記事の中身を示しているので、
基本的にはこのタグのすぐ後ろにAdsenseのコードを挿入すればＯＫです。
◆
以上、SeesaaブログとFC2ブログの２つについて、
記事末尾でアドセンスを表示させるための具体的な方法をお話ししました。
両方のブログとも、今言った方法でただ挿入すると、
上下と隙間なく埋まってしまう形になるので、
お好みで、アドセンスのコードの前後に＜BR＞タグを入れることで、
行間を空けてみてください。
ちなみに、これを応用すれば、ブログのトップページの記事一覧でも
それぞれの記事の「続きを読む」の前の部分にアドセンスを挿入することができますが、
これは、ものすごくオススメしません（汗）
（中にはやってる人もいますが・・・）
というのも、アドセンスのプログラムポリシーで
＞ 広告ユニットは各ページに 3 つまで表示できます。
と思いっきり明言されているからです。
記事を読んでもらうためのブログでまさか
トップページにおける記事一覧が３つ以下、
なんてことはありませんよね？（笑）
広告ユニットの最大数などはつい見落としがちなので、
「アドセンスをとにかくクリックしてくれ！」なブログを運営する場合も、
一度は、GoogleAdSenseのプログラムポリシーに
目を通しておくことをオススメしますよ。
ここでは詳しく言いませんが、一度読んでみると、巷ではやっている
「とにかくアドセンスクリックしてくれ！」なブログが
今後どうなるか、ある程度想像できると思いますよ（苦笑）
私のブログでかかれてる方法以外にもにも、
ネットの世界にはいろんな稼ぎ方があります。
別の稼ぎ方も見る「人気ブログランキング」
ここから「あなたご自身にあった稼ぎ方」を見つけてくださると
私にとってこれ以上の喜びはありません。
ここに載っていない稼ぎ方は
稼ぎ方のわかる人気ブログランキングで
カンタンに見つかります。
ブログに関するご意見、ご感想、ご質問は、
コメントにお気軽にどうぞ♪
※ ご質問・ご意見・ご感想など、ちゃんとしたコメントに関しては、
内容に応じてより詳しい説明と一緒に、必ずお返事差し上げます。
Google Adsense（アドセンス）を各記事の末尾に挿入して表示させる方法
このブログに載っていない稼ぎ方は
稼ぎ方のわかる人気ブログランキングで見つかります。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/95947734
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。
この記事へのトラックバック
http://blog.seesaa.jp/tb/95947734
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。
この記事へのトラックバック
こんにちは、
ＫｏＵ＠ちょいコガマスターです♪
とっても丁寧な記事ですね。
ここまで丁寧に書いてくれると、
とってもわかりやすいですね。
お疲れ様です(*_ _)人
今日も素敵なブログありがとうございます♪
●ブログの企画にコメントくださった方に、
重要なお知らせがあります。
また、ブログを見に来てくださいね♪
コメントありがとうございます♪
＞ここまで丁寧に書いてくれると、
＞とってもわかりやすいですね。
ありがとうございます。
作業の説明方法を読んでも言ってることが理解できなくて、
作業できず挫折、ということのないように書いてみたので、
それを、「丁寧」と評価していただけて、とても嬉しく思います。
＞重要なお知らせがあります。
承知いたしました。
早速見にいきますね。
KOUさんから やってきました。
勉強させてください！
お時間あったら 遊びにきてください！
＞勉強させてください！
ノウハウを詰め込んで書いてますので、
どの記事もしっかり、何回も繰り返して読んでいただけたらと思います。
コメントありがとうございました。
> まずは企画ゴールイン、本当におめでとうございます（笑）
ありがとうございます。
皆さんのご協力で、何とか、最後まで続けることができました。
> 「アクセス＆ランキング狙いのコメント」から
> 「記事を純粋に受け取り、考えるコメント」へ
> コメント全体の雰囲気が
> そんな感じで変化していったように思えます。
そうだと、嬉しいですね。
> 行動全部追っかけないとだめですから・・
レポートにして、まとめますね＾−＾
時間が、かかるかもしれませんが・・・。
お楽しみにぃ
> 最後に、レポートは【ＹＥＳ】です（笑）
記事も更新しました。また、遊びに来てくださいね〜。
企画内容を簡潔にまとめたレポートも完成したので、
受け取ってくださいませ〜。
あと、お聞きしたいことがあるので、またコメントくださいm(_ _)m
※ ご質問・ご意見・ご感想など、ちゃんとしたコメントに関しては、
内容に応じてより詳しい説明と一緒に、必ずお返事差し上げます。
※ 宣伝のみのコメントや、ツールによる無差別的なものと判断したコメントは
発見次第削除いたします。ご了承下さい。