Bloggerのページャにリンク先のタイトルを自動で挿入する記事を前回(Bloggerのページャにリンク先のページタイトルを挿入する)書きました。

このブログでもそのコードを利用していたのですが、前回のように直接ブログ記事を取得してタイトルをHTMLから抜き出す方式にすると、以下のような問題が発生しました。

  • Bloggerの統計にプラグインからのアクセス数が加算されてしまい、"人気の記事"ウィジェットの信憑性が低くなる
  • タイトルを取得する際の対象を細かく設定しなければいけないので面倒
  • 他のサイトが対象の場合取得できない

今回作成したプラグインは、Bloggerのフィードから記事情報を取得してタイトルを抜き出しているので、3つの問題を解決することができました。実際に書いたプラグインは以下からダウンロード可能です。

http://zerippe.appspot.com/libs/blinker/1.0/blinker.js

プラグインの動作環境とライセンス

  • Google Blogger専用
  • jQuery1.5以降, デバッグ環境 jQuery1.6.4
  • フィードが外部に公開されている状態であること
  • MIT License

利用方法

最初に、jQueryのコアファイルをロードするコードをテンプレートに追加します。既に追加済みの方は次へ進んでください。

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>

次に、ダウンロードしたbLinkerをロードするコードを追加します。JSファイルへのパスは各自であわせてください。

<script src="/blinker.js"></script>

最後に、リンク先のタイトルを表示したいリンクの"a"要素に"blinker"クラスを指定し、bLinkerをロードするコードを追加して完了です。

<a class='blinker blog-pager-newer-link' expr:href='data:newerPageUrl' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
<a class='blinker blog-pager-older-link' expr:href='data:olderPageUrl' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
<script>$(function(){$.blinker().load();});</script>

内部動作

Bloggerのフィードに対して"path"パラメータと"alt"パラメータを指定して呼び出し、取得したJSONデータからタイトルを取得するような内容になっています。タイトルのほかにもタグや更新日などの記事に対する情報も取得することができます。機能拡張などの要望がありましたらコメントにて提案していただければ導入を検討いたします。

関連性がある記事

Disqusでコメント