リンク切れのページをポップアップでお知らせするjQueryプラグイン「Catch404」

「Catch404」はリンク先のページが無い場合にポップアップでエラーメッセージを表示してくれるjQueryプラグインです。
サイトを運営していくと、過去記事のリンク先などが無い場合があると思います。
リンク切れでユーザーを逃がさないように、きちんとエラーメッセージを表示してあげると離脱率にも変化がありそうですね。
使い方も簡単で、リンクのclassを指定してプラグインを有効化するだけです。
1 | $(document).ready( function () |
2 | { |
3 | $( ".ajaxcheck" ).catch404(); |
4 | }); |
エラーメッセージの編集は指定のdivタグの中身を変更するだけです。
1 | < div id = "404message" class = "popup_block" > |
2 | < h2 >404 エラー</ h2 > |
3 | < br > |
4 | < p >ここにメッセージを入力します.....</ p > |
5 | |
6 | </ div > |
サイトリニューアルをした際などにも使えそうですね。
興味のある方はぜひ使ってみてください。
最新情報をお届けします
- Website: http://addyosmani.com/blog/catch404/