『Zenback』のスクリプトコードの設置箇所を変更した

【カテゴリ：パソコン　ブログカスタマイズの記録】

『Zenback』のスクリプトコードの設置箇所を変更しました。

このブログ（『Seesaa』）に『Zenback』を導入したことを以下の記事（※）の中で書きましたが、今日（9月18日）『Zenback』のスクリプトコードの設置箇所を変更しました。

※ 参考記事：(2012-09-14)『Zenback』を導入して『関連する記事』が表示されるようになった
http://kingpcfx.seesaa.net/article/292499663.html



なぜ設置箇所を変更したかというと、このブログのトップページにも『Zenback』のブログパーツを表示させたくなったためです。

前回設置した箇所の場合、個別の記事を表示したときだけ『Zenback』のブログパーツが表示されますが、このブログのトップページには表示されません。

『Zenback』は『関連する記事』が画像つきで表示されるなど、見栄えがよくなるので、トップページにも表示させようと考えました。

スポンサーリンク

尚、トップページには３件ずつ記事を表示させていますが、その３件のうちの先頭記事にだけ『Zenback』を表示させることにしました。

理由は、全ての記事に設置すると重くなるからで、以下のページに『１つのページに複数設置』するのは『良くない例』として紹介されています。

最適なZenback設置場所を画像でご紹介します - Zenbackブログ:
http://blog.zenback.jp/2012/03/place.html

．．．

以下は、前回設置した箇所です。

<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>

<!-- X:S ZenBackWidget --><script type="text/javascript">document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=http%3A//kingpcfx.seesaa.net/&nsid=107543473099431421%3A%3A107543483568375903&rand="+Math.ceil((new Date()*1)*Math.random())+"' type='text/javascript'"+unescape("%3E%3C/script%3E"));</script><!-- X:E ZenBackWidget -->

<% else -%>

この場所からは削除して元の状態に戻しました。

そして、今回は以下の箇所に設置しました。

<% if:list_category_article -%>

<!-- X:S ZenBackWidget --><script type="text/javascript">document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=http%3A//kingpcfx.seesaa.net/&nsid=107543473099431421%3A%3A107543483568375903&rand="+Math.ceil((new Date()*1)*Math.random())+"' type='text/javascript'"+unescape("%3E%3C/script%3E"));</script><!-- X:E ZenBackWidget -->

<div class="listCategoryArticle">
【<% article_category.name %>の最新記事】<br />

『if:list_category_article』で検索して見つかる行の直後に挿入しました。

とりあえず、思ったとおりに『Zenback』のブログパーツが表示されているので、この状態でしばらく様子を見ようと思います。

以上です。

【追記】2012-09-18 15:55　注意点

今回の記事のような設置箇所に変更した場合、ブログ管理画面の『設定』⇒『詳細設定 ＞ ブログ設定』で、『記事カテゴリ最新記事』を『非表示』にすると、全てのページで『Zenback』が表示されなくなりますので、『記事カテゴリ最新記事』を１件以上表示させるように選択しておく必要があります。

【追記】2012-09-18 21:10　再び設置箇所を変更

トップページの記事内に表示された内容と、記事単体のページに表示された内容を比較すると、『関連する記事』の内容が異なるみたいです。

↓トップページの記事内に表示さた内容


↓記事単体のページに表示された内容


どうもトップページの記事内に表示された内容は、その記事に『関連しない記事』も表示されているようでした。

これはあまりよろしくないので、再度考え直し、トップページに表示するのはやめることとし、再度設置場所を変更しました。

前回の設置場所からは削除して元の状態に戻し、今度は以下のように設置しました。

<script type="text/javascript" language="JavaScript" charset="utf-8" src="<% site_info.blog_url %>/js/bookmark.js"></script>
<% /if %>

<% if:page_name eq 'article' -%>
<!-- X:S ZenBackWidget --><script type="text/javascript">document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=http%3A//kingpcfx.seesaa.net/&nsid=107543473099431421%3A%3A107543483568375903&rand="+Math.ceil((new Date()*1)*Math.random())+"' type='text/javascript'"+unescape("%3E%3C/script%3E"));</script><!-- X:E ZenBackWidget -->
<% /if %>

<% if:list_category_article -%>
<div class="listCategoryArticle">
【<% article_category.name %>の最新記事】<br />

『if:list_category_article』で検索して見つかる行の直前に、条件文を加えた形で挿入しました。

これにより、記事単体ページの中でソーシャルボタンの次の位置に『Zenback』が表示されます。

スポンサーリンク