FC2ブログ【記事上】のアドセンスの貼り方※画像で詳しく

目安時間:約 6分
  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

記事上の場所確認
ここではFC2ブログの記事上のアドセンス広告コードの貼り方を解説していきます。

無料ブログの中でも特に利用者が多いFC2ブログにどうやって貼るのか、くわしく図解入りで説明しますので、迷うことはないはずです。

記事の上にアドセンス広告コードを貼ってみよう

それではFC2ブログの記事の上にアドセンス広告コードを貼る方法から説明していきます。

FC2ブログの管理画面にログインして、メインメニューの「テンプレート[PC]」をクリックしてください。

メインメニュー

>>>FC2ブログの管理画面はこちら<<<

Step1. テンプレートを複製しよう

まず最初に「テンプレート管理(PC用)」のテンプレート名/プレビュー欄で、広告コードを貼り付けるテンプレートの複製を作ります。

テンプレートの複製

1. 赤い旗が付いている使用中のテンプレート名の横の「複製」をクリック
2. 下に複製されたテンプレート(basic_white 1)にチェックを入れます
3. 「適用」をクリック

これでもしブログが表示されなくなるなどの不具合が生じても、複製元のテンプレートに戻せば復旧ができます(一種の保険のようなものです)

Step2. HTMLに広告コードを貼り付けよう

ここから[ basic_white 1] のHTML編集の枠内に広告コードを貼り付けていきます。
※[ basic_white 1] は使用中のテンプレートの名称ですから、使っているテンプレートによって異なります。

まず[ basic_white 1] のHTML編集の枠内でマウスを一度だけ左クリックします。

左クリック

次にキーボードの「Ctrl」と「F」キーを同時に押して、現れた検索窓に <%topentry_title> を貼り付けて検索します

topentryの検索

青く表示された<%topentry_title>が含まれるタグと、次のタグの間に、以下のコードを貼り付けます(写真では</h2>と<ul class="entry_date">の間です)

topentryの隙間

</h2>の後ろでエンターキーを押して一行改行して、そのスペースに貼り付けます

  • 貼り付けるコード


<!--permanent_area-->
<div class="posi">
<p>スポンサーリンク</p>
ここにあなたの広告コードを挿入します
</div>
<!--/permanent_area-->


※「ここにあなたの広告コードを挿入します」の部分にアドセンス広告コードを入れてください。

これを貼り付けるとこのようになっているはずです。

貼付け後

最後に「更新」をクリックしてください。

Step3. スタイルシートに広告コードの位置指定を書き込もう

先ほど貼り付けたコードの一部である<div class="posi"></div>は広告コードの位置を指定するために付けられたタグです。

そのタグに位置指定を出すコードをスタイルシートに追加します。

[ basic_white1 ] のHTML編集の下にある「[ basic_white1 ] のスタイルシート編集」の枠内の一番下までスクロールしたところに

.posi {
margin:5px 0px 20px 5px;
}

このコードを貼り付けます。

CSSに追記

最後に更新をクリックをして完了です。

これでちょうど記事の上(記事タイトルの真下)にアドセンス広告を入れることが出来ました。

探したい文字列を検索する方法
キーボードの「Ctrl」と「F」キーを同時に押すとブラウザに検索窓が表示されます。その検索窓に探したい文字を入力すると、画面内の「どこに?」「いくつある?」のかが分かります。

広告ユニットの作り方が分からない場合は?

広告ユニットの作成方法は別記事にまとめていますので、そちらをご参照ください。

>>>アドセンス広告ユニットの作成方法はこちら<<<

FC2ブログのそのほかの部分へのアドセンス広告の貼り方は、こちらの記事をご参照ください。

■記事の中間あたりに設置したい場合
>>>FC2ブログ【記事内】アドセンスの貼り方※記事の中間辺り<<<

■記事の下あたりに設置したい場合
>>>FC2ブログ【記事下】アドセンスの貼り方@ベストな位置!<<<

【今だけ】アドセンスブログ(実物)を公開中

今ならメルマガに登録していただくと、そのなかで
私が作ったアドセンスブログの実物(URL付き)を限定公開しています。

また、FC2ブログとSeesaaブログのアドセンス用テンプレートもプレゼントいたします。

アドセンスで単価が高いジャンルの探し方など、ブログではお伝えできないことも書いてますので、ぜひぜひ読んでみてください。

もちろんすべて無料です!

 メルマガへのお申し込みはこちらから








  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
最近の投稿
カテゴリー
このブログを書いている人

・2010年10月よりアドセンスを開始

・2015年6月に1ブログで30万円超えを達成

くわしいプロフィールはこちら

よく読まれている記事
タグ
お問い合わせはこちらから

聞いてみたいことがあれば、お気軽にメールをください!

ブログに投票をお願いします