FC2ブログ記事直下に広告とランキングを自動的に挿入する

 FC2ブログの記事下に広告やランキングを自動的に挿入する方法。

 このブログ『使える無料ソフト・無料サービス』は、投稿時にFC2ブログランキングのタグを貼り付けている。

 投稿時のHTMLタグの貼り付けはメリットもあるがデメリットもあって。

 いずれ、テンプレート内にランキングなどのHTMLタグを貼り付けて、いちいち投稿時にHTMLタグを貼り付けなくても自動的に表示されるようにしたいと思っている。

 方法はわかっているのだが、今記事ごとに貼り付けてあるHTMLタグをすべて削除するのが面倒。

 なにせ、記事数もそれなりにあるし。

  とはいえ、FC2ブログの記事直下に広告やランキングを自動的に挿入するテンプレートのカスタマイズについて。

  問題になるのは、関連記事の表示場所と拍手ボタン・ツィート・いいねボタンの表示位置との兼ね合い。

 まずは、関連記事の前、記事の真下ににランキングや広告を表示させる簡単な方法から。

FC2ブログの記事直下に広告とランキングを自動的に挿入するテンプレートのカスタマイズ1

1、『環境設定』⇒『ブログの設定』

2、『関連記事の表示場所』⇒『テンプレート変数のみ』に変更。

3、テンプレートの編集画面を表示させる。

4、<%topentry_body>の後ろか、<!--/more-->の後ろに表示させたいHTMLタグと関連記事リスト変数を貼り付ける。

*FC2ブログの関連記事リスト変数

 <!--relate_list_area-->
<dl class="relate_dl">
<dt class="relate_dt">関連記事</dt>
<dd class="relate_dd">
<ul class="relate_ul">
<!--relate_list-->
<!--relate_entry_other-->
<li class="relate_li"><a href="<%topentry_relate_url>"><%topentry_relate_title></a></li>
<!--/relate_entry_other-->
<!--relate_entry_now_showing-->
<li class="relate_li_nolink"><%topentry_relate_title></li>
<!--/relate_entry_now_showing-->
<!--/relate_list-->
</ul>
</dd>
</dl>
<!--/relate_list_area-->

  ちなみに、拍手ボタン・ツィート・いいねボタンの表示位置は『続きを読むの後ろ』『続きを読むの前』以外自由に変えることができない。

 このため、広告タグとランキングタグの両方を挿入した場合、拍手ボタン・ツィート・いいねボタンの表示位置とランキングボタンの位置がずれる。

 Indexページでは、広告の下に、ランキングや拍手ボタン・ツィート・いいねボタンが表示されるのだが、個別記事のページでは、拍手ボタン・ツィート・いいねボタンの下に広告が配置され、その下に挿入したランキングボタンが表示されたりする。

 できれば、広告を拍手ボタン・ツィート・いいねボタンより前に表示したいという場合は、拍手ボタン・ツィート・いいねボタンの表示位置はどうにもならないので、この場合、エリア変数を使って、個別記事のページとIndexページの表示を変える。

 この方法だと、Indexページでは広告の下に拍手ボタン・ツィート・いいねボタンと挿入したランキングボタンが表示され、個別記事のページでは、広告の上に拍手ボタン・ツィート・いいねボタンと挿入したランキングボタンが挿入される。

FC2ブログの記事直下に広告とランキングを自動的に挿入するテンプレートのカスタマイズ2

1、『環境設定』⇒『ブログの設定』

2、『関連記事の表示場所』⇒『テンプレート変数のみ』に変更。

3、テンプレートの編集画面を表示させる。

4、<%topentry_body> <!--more_link-->を探し、その間にFC2ブログのエリア変数とタグを挿入する。

 <%topentry_body>
<!--▼記事下にランキングを表示するためのHTMLタグはここから下に貼り付ける▼-->
<!--permanent_area-->
ここにランキング、個別記事の固定リンクの投稿記事のすぐ下に、貼り付けたタグが表示される。
<!--/permanent_area-->
<!--▲記事下にランキングを表示するためのHTMLタグまで▲-->
<!--▼広告を表示するためのHTMLタグはここから下に貼り付ける▼-->
ここに広告タグを挿入すると、Indexページでは記事下直下に広告が表示される。
個別記事(固定リンク)の場合、拍手・ツィート・いいねボタンや挿入したランキングボタンの下に、貼り付けたタグが表示される。
<!--/permanent_area-->
<!--▲記事下にランキングを表示するためのHTMLタグまで▲-->
<!--more_link-->

5、<!--/more-->の後ろにエリア変数とランキングタグ・関連記事リスト変数を挿入する。

<!--/more-->
<!--▼ランキングタグ▼-->
<!--index_area-->
ここにランキングのHTMLタグを挿入する
<!--/index_area-->
<!--▲ランキングタグ▲-->
 <!--relate_list_area-->
<dl class="relate_dl">
<dt class="relate_dt">関連記事</dt>
<dd class="relate_dd">
<ul class="relate_ul">
<!--relate_list-->
<!--relate_entry_other-->
<li class="relate_li"><a href="<%topentry_relate_url>"><%topentry_relate_title></a></li>
<!--/relate_entry_other-->
<!--relate_entry_now_showing-->
<li class="relate_li_nolink"><%topentry_relate_title></li>
<!--/relate_entry_now_showing-->
<!--/relate_list-->
</ul>
</dd>
</dl>
<!--/relate_list_area-->

*<!--○○_area--><!--/○○_area-->は表示させたいページによって変える(FC2ブログの変数のヘルプを参考にしてね)。

 広告が拍手ボタン・ツィート・いいねボタンの下でもかまわないということであれば1のカスタマイズでOKだと思う。

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

wordpressの管理画面に入れなくなった場合の一番確実な解決法
wordpressは半角のダブルクォーテーションが勝手に全角に変換されて表示される
WordPressで画像が表示されなくなったら
外部サイトでも使うことのできる画像形式
GooglePlayアプリのダウンロードサイトへのリンクバナーを作ろう
WordPressのTOPとアーカイブページで記事と記事の間に広告を入れる方法
Bloggerのテンプレートの文字の色やフォントを変えてみよう
Googleアドセンスをシーサーブログのタグページに表示させないようにする・2カラムテンプレートサイドカラム編
WordPress4.0にバージョンアップしたらプラグインのインストールがわかりにくくなった
noimage
FC2ブログのバックアップファイルをシーサーブログに流し込む方法
WinSCPのバージョンアップ
Googleアカウントを習得したら、アドセンスにサイトを登録してみよう
FC2ブログの記事をテキストエディタでWordPress用に書き換えよう
広告や画像を横並べにするHTML

Menu

HOME

 TOP