[ JavaScript ] 指定した URL の「はてなブックマークコメント」を表示する

2011年7月13日、ブログにはてブのコメントを表示する hatana_bookmark_anywhere.js – @masuidrive blog と言う記事で紹介されている、指定した URL の「はてなブックマークコメント」を表示する JavaScript を試してみました。

この記事の目次非表示

基本的な使い方
WordPress に設置する場合
参考にさせてもらったページ

基本的な使い方

基本的な使い方は次のような感じです。

<script type= "text/javascript">/*<![CDATA[*/

// 表示する件数
// var hatena_bookmark_anywhere_limit = 10;

// true でデフォルトスタイル
// false を設定すると CSS でスタイルの指定が可能
// var hatena_bookmark_anywhere_style = true;

// true にすると、コメントの書いてないブクマを表示しない。
// 指定しない場合は、表示件数を超えた場合のみコメントを表示しない
// var hatena_bookmark_anywhere_collapse;

// 表示するURL 未指定の場合、現在のページ
var hatena_bookmark_anywhere_url = 'https://example.com/';

/*]]>*/</script>
<script src="hatena-bookmark-anywhere.js" type="text/javascript" charset="utf-8"></script>
<div></div>

WordPress に設置する場合

WordPress に設置する方法は、WordPress ではてなブックマークのコメントを表示する方法 | ウェブルで紹介されています。

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/atana_bookmark_anywhere.js" charset="utf-8"></script>
<script type= "text/javascript">
    var hatena_bookmark_anywhere_url = '<?php the_permalink(); ?>';
</script>
<div></div>