ここではFC2ブログの記事上のアドセンス広告コードの貼り方を解説していきます。
無料ブログの中でも特に利用者が多いFC2ブログにどうやって貼るのか、くわしく図解入りで説明しますので、迷うことはないはずです。
記事の上にアドセンス広告コードを貼ってみよう
それではFC2ブログの記事の上にアドセンス広告コードを貼る方法から説明していきます。
FC2ブログの管理画面にログインして、メインメニューの「テンプレート[PC]」をクリックしてください。
[memo_h4 style=”2″ color=”orange”]Step1. テンプレートを複製しよう[/memo_h4]まず最初に「テンプレート管理（PC用）」のテンプレート名/プレビュー欄で、広告コードを貼り付けるテンプレートの複製を作ります。
1. 赤い旗が付いている使用中のテンプレート名の横の「複製」をクリック
2. 下に複製されたテンプレート（basic_white 1）にチェックを入れます
3. 「適用」をクリック
これでもしブログが表示されなくなるなどの不具合が生じても、複製元のテンプレートに戻せば復旧ができます（一種の保険のようなものです）
[memo_h4 style=”2″ color=”orange”]Step2. HTMLに広告コードを貼り付けよう[/memo_h4]ここから[ basic_white 1] のHTML編集の枠内に広告コードを貼り付けていきます。
※[ basic_white 1] は使用中のテンプレートの名称ですから、使っているテンプレートによって異なります。
まず[ basic_white 1] のHTML編集の枠内でマウスを一度だけ左クリックします。
次にキーボードの「Ctrl」と「F」キーを同時に押して、現れた検索窓に <%topentry_title> を貼り付けて検索します
青く表示された<%topentry_title>が含まれるタグと、次のタグの間に、以下のコードを貼り付けます（写真では</h2>と<ul class=”entry_date”>の間です）
＜/h2＞の後ろでエンターキーを押して一行改行して、そのスペースに貼り付けます
- 貼り付けるコード
[normal_box2 color=”orange” border=”b2″]
<!–permanent_area–>
<div class=”posi”>
<p>スポンサーリンク</p>
ここにあなたの広告コードを挿入します
</div>
<!–/permanent_area–>
[/normal_box2]
※「ここにあなたの広告コードを挿入します」の部分にアドセンス広告コードを入れてください。
これを貼り付けるとこのようになっているはずです。
最後に「更新」をクリックしてください。
[memo_h4 style=”2″ color=”orange”]Step3. スタイルシートに広告コードの位置指定を書き込もう[/memo_h4]先ほど貼り付けたコードの一部である<div class=”posi”></div>は広告コードの位置を指定するために付けられたタグです。
そのタグに位置指定を出すコードをスタイルシートに追加します。
[ basic_white1 ] のHTML編集の下にある「[ basic_white1 ] のスタイルシート編集」の枠内の一番下までスクロールしたところに
[normal_box2 color=”orange” border=”b2″].posi {
margin:5px 0px 20px 5px;
}
[/normal_box2]
このコードを貼り付けます。
最後に更新をクリックをして完了です。
これでちょうど記事の上（記事タイトルの真下）にアドセンス広告を入れることが出来ました。
[finger2 color=”orange”]探したい文字列を検索する方法
キーボードの「Ctrl」と「F」キーを同時に押すとブラウザに検索窓が表示されます。その検索窓に探したい文字を入力すると、画面内の「どこに？」「いくつある？」のかが分かります。[/finger2]
広告ユニットの作り方が分からない場合は？
広告ユニットの作成方法は別記事にまとめていますので、そちらをご参照ください。
FC2ブログのそのほかの部分へのアドセンス広告の貼り方は、こちらの記事をご参照ください。
■記事の中間あたりに設置したい場合
＞＞＞FC2ブログ【記事内】アドセンスの貼り方※記事の中間辺り＜＜＜
■記事の下あたりに設置したい場合
＞＞＞FC2ブログ【記事下】アドセンスの貼り方＠ベストな位置！＜＜＜
