ブクログの本棚ブログパーツを復元した / ブログ埋め込み用

ブクログ(booklog.jp)というサービスは、読んだ本をネット上の本棚に収納して管理できる本棚SNSです。前からあったサービスではあるのですが、とあるブログでウィジェットにその本棚を埋め込んで表示しているのを見て、自分のブログにも入れたくなりました。

しかし、ブクログ公式では「ブログパーツの提供は終了しました」と発表されていて残念。でもかつて配付していたということは、復元すれば使えるんだろうなと思って再現しました。

もし自分と同じように困っている人がいたら、この記事を参考に「埋め込み本棚」をブログに作ってみてください。コードはこちら。各自で2箇所、変更すべき部分があります(下記参照)


<script type="text/javascript"
src="https://widget.booklog.jp/blogparts/js/booklog_minishelf.js?wood_disp"
id="booklog_minishelf"></script>
<script type="text/javascript"
src="https://api.booklog.jp/json/asasikibu?category=2998219&count=20&callback=booklog_minishelf"></script>

— ※ 引用:元々ブクログ公式で配付されていたブログパーツを復元したコードです。私のオリジナルではありません。

各自で変える部分

① L5 “asasikibu” = 自分のブクログIDを入れてください。

② L5 category=2998219 の数字部分には、自分が表示したいカテゴリの番号を入れてください。番号の探し方は「自分の本棚>カテゴリで絞り込む>表示したいカテゴリをクリック」したら、URL部分を確認してください。

 

▲こうなります。

あとは、ウィジェットのカスタムHTML等に貼り付ければOKです。一番最初はAPIの取得に数分時間がかかる場合があります。表示されなかったら少し待機して再度更新(F5)してください。

自分と同じように、何かを学習中でその記録をブログを書いている人なら、使用テキストをまとめてぱっとウィジェットに置いておくといいかなーと。