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

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

基本的な使い方 ———————————————————————-

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

<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://bowz.info/';

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

実際に動作するサンプルはこちらです。

– 指定した URL ( https://bowz.info/ ) の「はてなブックマークコメント」を表示するサンプル

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 id="hatena_bookmark_anywhere"></div>

参考にさせてもらったページ ———————————————————————-

– ブログにはてブのコメントを表示する hatana_bookmark_anywhere.js – @masuidrive blog – WordPress ではてなブックマークのコメントを表示する方法 | ウェブル

ありがとうございます！