FC2ブログAdsense広告 配置まとめ

このエントリーを含むはてなブックマークはてなブックマーク - FC2ブログAdsense広告 配置まとめ この記事をクリップ!Livedoorクリップ - FC2ブログAdsense広告 配置まとめ Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク @niftyクリップに追加 このエントリをつぶやくこのWebページのtweets FC2ブックマークへ追加 Googleブックマークに追加

FC2ブログへのAdsense広告の配置の方法がわからないという質問をよくいただきますので、配置例をまとめてみました。

1.サイドカラムへの配置方法例


adlayout-6
もっとも代表的で簡単な配置、サイドカラムへの配置方法です。

FC2の管理者ページにアクセスし「環境設定」→「プラグインの追加」→「PC用 公式プラグインの追加」→「拡張プラグイン フリーエリア」の追加をクリックします。

adlayout-7
上図のようにフリーエリア内容の変更欄にAdsenseのコードを入力します。

プラグインカテゴリーはテンプレートによって違いますが、3カラムのものですと、プラグインカテゴリ-1が左カラム プラグインカテゴリ-2が右カラム プラグインカテゴリ-3がメインカラムとなっていますので、プラグインカテゴリ-1かプラグインカテゴリ-2を選択します。

入力が終われば追加をクリック。

以下のようにプラグイン一覧に表示されますので、右側の矢印または移動の番号でカラム内での配置を変更します。

adlayout-8

2.ブログタイトル下への配置方法例


adlayout-1

ここからは、テンプレートのタグを編集します。(テンプレートによりタグ書式が違います。代表的なテンプレートの一つsharpgreenを例にとり説明します。

「環境設定」→「テンプレートの設定」と進むとHT編集欄が表示されています。

この記述の中から<div id=”main”>(テンプレートによっては、<div id=”mainBlock”>といったものもありますが、大体mainという名称が入っています)という記述を探します。この記述はブログのメイン部分ですという表示(これまではブログのヘッダー部分つまりタイトルの部分)ですので、この記述の手前にAdsenseコードをコピペします。

こんな感じです。


<h1><a href=”<%url>”><%blog_name></a></h1>
<h2><%introduction></h2></br>
<table width=”100%” border=”0″ cellpadding=”2″ cellspacing=”0″ bgcolor=”3FAD28″>
<tr>
<td></td>
</tr>
</table>
<script type=”text/javascript”><!–
google_ad_client = “pub-123456789123″;
/* 728×90, 作成済み 09/1/09 */
google_ad_slot = “123456789″;
google_ad_width = 728;
google_ad_height = 90;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>

<div id=”main”>
<!–エントリー–>
<!–topentry–>
<h3 id=”entry-<%topentry_no>”><a href=”<%topentry_link>” title=”<%topentry_title>の固定リンク”><%topentry_title></a></h3>

3.メインカラム最上部への配置方法例


adlayout-2

先ほどの配置例では<div id=”main”>の手前にAdsenseコードを入力しましたがこの例ではは<div id=”main”>の後ろに入力します。


<h1><a href=”<%url>”><%blog_name></a></h1>
<h2><%introduction></h2></br>
<table width=”100%” border=”0″ cellpadding=”2″ cellspacing=”0″ bgcolor=”3FAD28″>
<tr>
<td></td>
</tr>

</table>
<div id=”main”>
<script type=”text/javascript”><!–
google_ad_client = “pub-123456789123″;
/* 728×90, 作成済み 09/1/09 */
google_ad_slot = “123456789″;
google_ad_width = 468;
google_ad_height = 60;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>

<!–エントリー–>
<!–topentry–>
<h3 id=”entry-<%topentry_no>”><a href=”<%topentry_link>” title=”<%topentry_title>の固定リンク”><%topentry_title></a& gt;</h3>

4.記事タイトル下への配置方法例


adlayout-3

<div class=”content”>(これ記事のコンテンツ部分を意味します。)という記述を探します。

この記述の手前にAdsenseコードを入力します。


<!–deny_comment–><!–/deny_comment–></li>
</ul>

<script type=”text/javascript”><!–
google_ad_client = “pub-123456789123″;
/* 728×90, 作成済み 09/1/09 */
google_ad_slot = “123456789″;
google_ad_width = 468;
google_ad_height = 60;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>

<div class=”content”>
<%topentry_body>
<!–more_link–> <a href=”<%topentry_link>#more”>【“<%topentry_title>”の続きを読む】</a><!–/more_link–>

5.記事コンテンツ下への配置方法例


adlayout-4

トップページのそれぞれの記事の最後にAdsense広告を配置する例です。

<!–more_link–> (続きを読むというリンクを意味する部分です。)というタグの手前に配置します。

ここに配置する注意点はAdsenseコードの前後に改行コード<br />を足してあげること。


<%topentry_body>
<br />
<script type=”text/javascript”><!–
google_ad_client = “pub-123456789123″;
/* 728×90, 作成済み 09/1/09 */
google_ad_slot = “123456789″;
google_ad_width = 468;
google_ad_height = 60;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>
<br />
<!–more_link–> <a href=”<%topentry_link>#more”>【“<%topentry_title>”の続きを読む】</a><!–/more_link–>

6.個別記事最下部へ配置方法例


adlayout-5

トップページ以外の個別記事ページの最下部への配置例です。

個別記事のコンテンツの下にはコメント欄、トラックバックなどがありますが、コメント欄の手前の配置のほうが視認性は良いのでこの位置での例です。

<!–comment_area–>(文字通りコメントのエリアです)というタグの直下にAdsenseコードを入力します。


<!–/topentry–>
<!–エントリーここまで–>

<!–コメントエリアここから–>
<!–comment_area–>
<script type=”text/javascript”><!–
google_ad_client = “pub-123456789123″;
/* 728×90, 作成済み 09/1/09 */
google_ad_slot = “123456789″;
google_ad_width = 468;
google_ad_height = 60;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>

<p class=”nav”><!–preventry–>&laquo; <a href=”<%preventry_url>”><%preventry_title></a><!–/preventry–> | <a href=”<%url>”>ホーム</a> | <!–nextentry–><a href=”<%nextentry_url>”><%nextentry_title></a> &raquo;<!–/nextentry–></p>

以上、代表的な6例をまとめてみました。

最後に注意点を何点か


  • カラムの幅より大きなAdsenseユニットを選ばないこと
  • ページごとの広告表示数を規約以上にしないこと(特に4番、5番に注意 トップページ記事表示で調整して下さい)
  • タイトルとAdsense広告の距離を十分離すこと(特に4番 <hr />タグをAdsenseコードの手前につけてラインを入れるのがお勧めです
  • HTML改変の前に元のHTMLはコピーしておき不具合が発生した場合に備えておきます。

テンプレートにより若干違ってきますのであくまで参考にして下さい。

関連記事

タグ

トラックバック&コメント

この投稿のトラックバックURL:

トラックバック

コメント


  1. FC2のアドセンス調べてました。

    一番分かりやすい解説でした(^^)v

    ありがとうございます!


コメントをどうぞ

このページの先頭へ