先日投稿した記事で、はてなブックマークのb_iconアイコンが表示されるようになったと言う事を記したが、URL的にはlivedoorブログでも出来るんちゃう?と思って実験してみた。

とりあえずGoogle先生に相談だ。
参考にさせてもらったのは、「自分のブログに「↑B」アイコンを表示する
オフィシャルサイトにあった情報だ。テンプレートファイルに下記の様なタグを埋め込めと書いてある。

<li class="article-tool-box"><$ArticleToolBox$>
<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="https://livedoor.blogimg.jp/syoujikido/imgs/b/9/b9fb0d87.gif" width="16" height="12" style="border: none;" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a></li>
</ul>

早い話、はてなブックマークのURLの後ろに対象となるURLをくっつけると、それをはてなブックマークとして登録する画面が表示されるしくみらしい。簡単じゃないか。

しかし、やってみたところ、はてなブックマーク登録画面が表示されるものの、肝心の投稿ページのタイトルを取得出来ないのでタイトルがURLのままである。これじゃぁ使い物にならない。バグ?

仕方ないので他の方法を探してみる事にした。
結果的には下記の様にすれば、ちょっと違うはてなブックマーク登録画面をポップアップさせて、しっかりタイトルも取得出来るようになった。liで囲んだのはセパレータをちゃんと表示させて分けたかったから。設置場所に応じて調整する必要があるでしょう。

<li class="article-tool-box"><$ArticleToolBox$></li>
<li><a href="http://b.hatena.ne.jp/my/add.confirm?url=<$ArticlePermalink$>">
<img src="https://livedoor.blogimg.jp/syoujikido/imgs/b/9/b9fb0d87.gif" width="16" height="12" style="border: none;" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a></li>
</ul>

たったこれだけの事だが、やってる事(仕組み)が違うのでちゃんとタイトルも取れるようになった。オフィシャルサイトの情報が間違ってるのか?バージョンアップ等で対応できなくなっちゃったのか?その辺りの事は分からないが、結果オーライという事でこのまま行こうと思う。

これより先はプライベートモードに設定されています。閲覧するには許可ユーザーでログインが必要です。