JS-Kit-Comments:カウント表示できるようになりました

先日、Bloggerにトラックバック機能を付けるために、JS-Kit-Commentsを導入するにあたり、コメント数のカウントがうまく出来ないということを少し書きましたが、（先日のブログ）原因は、私のちょっとした勘違い＆思い込みであったことがわかりました。

JS-Kitのページでは、設定や管理の説明やFAQがあちこちに散在しているため、ついついイライラして勘違いをしていたようです。

勘違いの内容は、コメントやトラックバックの管理をするためのスクリプト、“http://js-kit.com/comments.js”のほかに、“http://js-kit.com/comments-count.js”というスクリプトがあることに気づかず、dviタグやspanタグの中のclass定義を“comments.js”が自動で認識してくれるのだと思い込んでいました。

JS-Kitでは、サポートは有料とのことで、JS-Kit内の掲示板に質問を書き込んでも、何の音沙汰もありません。たまたまその掲示板を読んだほかのユーザーが、答えを持っていれば書き込んでくれるかもしれませんが、たいていは放置されたままです。仕方なく、イライラしながらサイト中をクリックしまくって散在している細切れの情報をつなぎ合わせながらスクリプトを書いていくしかありません。

しかし、捨てる神あれば拾う神あり。JS-KitのまとめWikiというものがありました。“http://wiki.js-kit.com/”ここのJS-Kit Comments 管理ガイドをつらつらと眺めているときに、おや？、スクリプトが違う？ と……

以下に、コメントカウント機能を入れたコードを載せておきます。使い方は、先日のブログを参照願います。

<!-- js-kit-comments 090425 --> <hr/> <b:if cond='data:blog.url == data:blog.homepageUrl'> <!-- Top Page --> <a expr:href='data:post.url + &quot;#js-kit-junp&quot;'>&#12488;&#12521;&#12483;&#12463;&#12496;&#12483;&#12463;</a><br/> <a expr:href='data:post.url + &quot;#js-kit-junp&quot;' style='text-decoration: none;'><img align='middle' alt='' hspace='0' src='http://www.blogblog.com/rounders/icon_comment.gif' style='border: 0px solid ; width: 12px; height: 12px;' vspace='0'/> </a> <a expr:href='data:post.url + &quot;#js-kit-junp&quot;'><span class='js-kit-comments-count' expr:path='&quot;/&quot; + data:post.id'>0</span> &#12467;&#12513;&#12531;&#12488;</a> <script src='http://js-kit.com/comments-count.js' type='text/javascript' /> <b:else/> <!-- Post Page --> <!-- TrackBack --> <div style='text-align: left;'>&#12488;&#12521;&#12483;&#12463;&#12496;&#12483;&#12463;URL<br/> <script type='text/javascript'> (function(){ var UrlData = &quot;<data:blog.url/>&quot; ; var UrlBody = UrlData.substring(7); var TrackBackUrl = &quot;http://js-kit.com/trackback/&quot; + UrlBody ; document.write(&quot;&lt;input style=&#39;WIDTH: 400px&#39; type=&#39;text&#39; name=&#39;TBTextArea&#39; value=&#39;&quot;); document.write(TrackBackUrl); document.write(&quot;&#39; onclick=&#39;this.focus(); this.select();&#39; readonly=&#39;readonly&#39; /&gt;&quot;); })() </script> </div> <!-- /TrackBack/ --> <br/> (<span class='js-kit-comments-count' expr:path='&quot;/&quot; + data:post.id'>0</span> &#12467;&#12513;&#12531;&#12488;) <script src='http://js-kit.com/comments-count.js' type='text/javascript' /> <!-- comment --> <span id="js-kit-junp"></span> <div class='js-kit-comments' expr:path='&quot;/&quot; + data:post.id'/> <script type='text/javascript'> (function(){ // making the comment feed path var HomepageUrl = &quot;<data:blog.homepageUrl/>&quot; ; var SiteName = HomepageUrl.substring(7); var CommentAreaId = &quot;<data:post.id/>&quot; ; document.write(&quot;&lt;a href=&#39;&quot;); document.write(&quot;http://js-kit.com/rss/&quot; + SiteName + CommentAreaId ); document.write(&quot;&#39; style=&#39;text-decoration: none; margin-right: 10px&#39;&gt;&quot;); document.write(&quot;&lt;img align=&#039;middle&#039; alt=&#039;&#039; hspace=&#039;0&#039; src=&#039;http://js-kit.com/images/rss-icon.png&#039; style=&#039;border: 0px solid ; width: 12px; height: 12px;&#039; vspace=&#039;0&#039;/&gt;&quot;); document.write(&quot; Comments for this post&lt;/a&gt;&quot;); document.write(&quot;&lt;a href=&#39;&quot;); document.write(&quot;http://js-kit.com/rss/&quot; + SiteName ); document.write(&quot;&#39; style=&#39;text-decoration: none; margin-right: 10px&#39;&gt;&quot;); document.write(&quot;&lt;img align=&#039;middle&#039; alt=&#039;&#039; hspace=&#039;0&#039; src=&#039;http://js-kit.com/images/rss-icon.png&#039; style=&#039;border: 0px solid ; width: 12px; height: 12px;&#039; vspace=&#039;0&#039;/&gt;&quot;); document.write(&quot; All comments&lt;/a&gt;&quot;); })() </script> <script src='http://js-kit.com/comments.js' type='text/javascript'/> <!-- /comment/ --> </b:if> <!-- /js-kit-comments/ 090425 -->

[関連サイト]
JS-Kit Community Wiki
JS-KitがコメントシステムサービスのHaloScanを買収
【JS-Kit.Com】簡易コメント欄がコピペするだけで簡単に設置可能
JS-Kit+bloggerでtrackback機能を無理やり作ってみる
Bloggerに無いTrackback（トラックバック）機能を実装したい・・