メニュー

スポンサーサイト

1. 2008/09/08
3. トラックバック(-)
4. コメント(-)
5. EDIT
6. トラックバック: http://acca.blog3.fc2.com/tb.php/133-12e46873

1. 独自機能重視のブログサービス<
2. ホーム
3. >ワブログがすごいらしい

アフィリエイトを張るhtmlの位置

テンプレのカスタマイズが自由自在のfc2blogでは、好きな位置にアフィリエイトを張ることができる。ですがテンプレのhtmlコードは複雑でどこにアフィリエイトを張ればわかりづらいもの。そこで今回は一般的なアフィリエイト挿入位置の例を挙げます。

使用するテンプレートはカスタマイズが簡単なblack。他のテンプレートでも共通する部分が多いので参考になると思います。

エントリーのタイトルの下にアフィリエイトを配置

<%topentry_body>の上にアフィリエイト貼り付ける

<!--エントリー-->
<!--topentry-->
<h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3>

 <div class="body">

 ＊ここに広告を設置*

<%topentry_body>
<!--more_link--> <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a><!--/more_link-->
<!--more--><hr size="1"><a name="more" id="more"></a><%topentry_more><!--/more-->

エントリーの最後にアフィリエイトを配置

<%topentry_body>の下にアフィリエイトを貼り付ける

<!--エントリー-->
<!--topentry-->
<h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3>
<div class="body">

<%topentry_body>

＊ここに広告を設置*

<!--more_link--> <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a><!--/more_link-->
<!--more--><hr size="1"><a name="more" id="more"></a><%topentry_more><!--/more-->

追記部分にアフィリエイトを配置

ちょうどエントリと追記の真ん中に広告が挟みこまれるようになる。追記を読むをクリックしないと広告は表示されない。<%topentry_more>の真上にアフィリエイトを張る

 <!--エントリー-->
 <!--topentry--> 
 <h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3>
 <div class="body"> 
<%topentry_body> <!--more_link--> 
<a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a>
<!--/more_link-->
 <!--more--><hr size="1">
<a name="more" id="more"></a>
  
＊ここに広告を設置

<%topentry_more><!--/more--> 

エントリ詳細部分にアフィリエイトを配置

エントリーのコメントエリアは個別記事をクリックしないと表示されない。それを利用して、エントリーをクリックしたときだけ表示される広告にすることができる。 <!--comment_area-->の真下にアフィリエイトを張る

<!--エントリーここまで-->
   <!--コメント-->
   <!--comment_area-->

 ＊ここに広告を設置

<!--preventry-->

個別記事をクリックしたときだけ広告を表示したい場合

<!--permanent_area-->で囲まれた部分は、個別記事をクリックしたときだけ表示されます。上と同じでindexで広告を表示したくない場合にどうぞ。

<!--エントリー-->
 <!--topentry--> 
<h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3> 
<div class="body"> 

<%topentry_body> 

<!--permanent_area-->
＊ここに広告を設置
<!--permanent_area-->

<%topentry_body>の真下に配置。これだと個別記事を表示したときだけ、エントリーの最後に広告が出現

サイドバーの一番上にアフィリエイトを配置

サイドバーをあらわすdivタグを見つけ、その真下にアフィリエイトを貼り付けてください。divタグを見つけるにはFirefoxの拡張機能Web Developerが最適です。

<div class="right">

＊ここに広告を設置 

<p class="pay"> 
<img src="<%image>" alt="<%author_name>"> </p>
 <ul class="info">
<li>Author:<%author_name></li> 
<li><%introduction2></li> 
<li><a href="<%url>?xml">RSS</a></li> 
<li><%ad> <%ad2></li> 
</ul> 

サイドバーの一番下にアフィリエイトを配置

ほとんどのテンプレートでは"sarch"コンテナがサイドバーの一番下に配置されています。その下にアフィリエイトを貼り付けてください。

<h3>Search</h3>
<ul>
<form action="." method="get">
<input type="text" size="20" name="q" value="" maxlength="200">
<input type="submit" value=" Search ">
</form>
</ul>

＊ここに広告を設置 

</div>

広告を中央に寄せたい場合

cssを使ったほうがいいのでしょうが、単純に<center></center>で囲んでしまうのが簡単で良いと思います。