Bloggerでトラックバックを受け取る方法

Bloggerは、ひとつのアカウントで複数のブログが管理できたり、ブログごとに別のアドレスが設定できたり、商業利用にも特別制限が無かったりと、何かと便利で都合のいいシステムで、その気になれば、テンプレートを丸ごと入れ替えたり、フィードを自分の好きなサーバーに設定できたり、好き放題のカスタマイズも出来てしまう上に、しかも無料という、ほぼ完璧なブログサービスなのですが、残念ながらどういうわけか、そのままではトラックバックを受け取ることができません。

トラックバックがブログにとって必須というわけではありませんが、誰かが自分のブログを引用した後に、トラックバックpingを打ちたいと思っても打てないというのは、なんとなくさみしいような気がします。

インターネットで"Blogger トラックバック"などのキーワードで検索すると、いくつかのページにヒットします。それらのページを参照すると、フリーのHaloScanというシステムを組み込むと、Bloggerでトラックバックが受けられると書いてあります。かなり細かくコードの埋め込み方を書いているページもありますが、実は、HaloScanは、JS-Kit.Com.に買い取られ、JS-Kitの各種ツール群の中のJS-Kit-Commentsとして、コメントの統合管理環境の位置づけになっているようです。

Bloggerへの導入方法も今は、HaloScanの頃とは変わっていて、簡単にWeb上の指示に従うだけで導入できる仕組みが出来ています。どうやら、Bloggerにあるテンプレートを使っているノーマルユーザーはこれで簡単にトラックバックが受け取れるようになるみたいです。

しかし、この手順に従ってテンプレートをバッチ処理しただけでは、トラックバック用のURLが表示されません。しかも、トラックバックをサポートしている旨の記述はいたるところにあるのですが、設定のためのドキュメントが、JS-Kit.Com.のサイトの中にバラバラに散在していて、どんなURLにpingを打ってもらえばいいのかを見つけるのに一苦労です。（ここにあります）

しかも、このブログのように、標準でないテンプレートを使っていたり、もう少しかっこよく導入したいと思うと、テンプレートを直接編集することになります。

そこで、できるだけ簡単にかっこよく、それっぽい感じでBloggerにJS-Kit-Commentsを導入する手順下記にまとめておきます。

1. まず、 Bloggerのダッシュボードから設定したいブログの「レイアウト」タブをクリックして、メニューの中の「HTMLの編集」をクリックします。
2. 「テンプレートをすべてダウンロード」をクリックして、テンプレートをダウンロードします。
3. 次に、ダウンロードしたテンプレートを適当なエディタで開き、“<b:includable id='post' var='post'>を探します。
4. これとペアになっている“</b:includable>”を探します。検索で次に出てくる“</b:includable>”です。
5. そこから、上に“</div>”を２つ上ったところに下記のコードを埋め込みます。
   <!-- js-kit-comments 090422 --> <hr/> <b:if cond='data:blog.url == data:blog.homepageUrl'> <!-- Top Page --> <a expr:href='data:post.url + &quot;#js-kit-junp&quot;'>トラックバック</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;'> コメント</a> <b:else/> <!-- Post Page --> <!-- TrackBack --> <div style='text-align: left;'>トラックバック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/> <!-- 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/ 090422 -->
   
6. 適当な名前でセーブします。
7. Bloggerに戻って、このファイルを「レイアウト」タブの「HTMLの編集」から、アップロードします。

手順としては以上です。

これで、各ページにトラックバックURLが表示されたと思います。

ただ、この方法では、コメント同期機能が生きないようです。また、コメント数の表示がうまく出来ませんでした。

これらはおいおい、いじくっていこうと思います。

[参照サイト]
クリボウの Blogger 入門: トラックバック
curation2.0: bloggerでトラックバック
にょけ雑記: GoogleBlog(Blogger)におけるTrackBackの方法
クリボウの Blogger Tips: Blogger でもトラックバック - HaloScan
すぐに忘れる脳みそのためのメモ: Blogger にトラックバックを付ける - HaloScan
Somewhere in a Way to Nowhere: Bloggerでトラックバックをできるようにする
無料ブログ比較「ブロガー」Blogger
Google Dance黙示録BLOGGER: Bloggerはトラックバックできない