サイトやブログを AutoPagerize に対応させよう！

Firefox のアドオンの中でも人気の高い Greasemonkey。これは、Javascript を登録することで、ユーザ側で見るページをカスタマイズできる拡張機能です。
そして、その Javascript も様々なものが公開されています。
その一つに、AutoPagerize という、とても便利なスクリプトがあります。
例えばこれをインストールした状態でGoogle検索を行うと、2ページ目、3ページ目のリンクをクリックしなくても、次のページがどんどんと表示されます。これは想像以上に便利ですので、未体験の方は是非試してみてください。
Greasemonkey がインストールされた状態で、このページの「Install this script」をクリックすれば、インストールできます。
インストールされたら、とりあえず Google で検索してみてください。その快適さを理解してもらえると思います。

さて、そんなに便利なら、やはり自分のサイトにも対応させたいものですよね。
これが意外と簡単ですので、導入してみてはどうでしょう。
ということで、導入の仕方を簡単に説明します。

まず、自動で読み込ませたいページへのリンクの a 要素に、「rel="next"」を追加します。
例

<a href="/?page=2" rel="next">次へ</a>

次に、ページ内の繰り返したい物（例えばブログであれば各記事など）を<div class="autopagerize_page_element">で囲みます。
例

<div class="autopagerize_page_element">
<div class="entry">
ブログのエントリーなど…
</div>
</div>

そして、その繰り返す物を表示したい場所の直後を<div class="autopagerize_insert_before">で示します。
例

<div class="autopagerize_insert_before"></div>

これらを正しく設置できていれば、ページの右上に小さく黄緑色のエリアが表示されます。これで無事 AutoPagerize に適応しました。

という事で思いの外簡単ですので、サイト管理者の方、ブログをお持ちの方。是非試してみてください。
ちなみにバシャログには「次のページ」みたいなリンクがなくてできませんでした。ちっ。
ちょっと運用担当者に相談してみます。