瞬時にサイトの人気記事を確認できるブックマークレット

@ハクト 2023-07-12 15:58:01に投稿

サイトに訪問した際、記事の内容が面白かったり、品質が高い場合、他の記事を見たくなることよくありますよね。

そんな時に便利なブックマークレットを作成しました。

使用方法は簡単。記事ページを開いた状態で、このブックマークレットをクリックするだけ。はてなブックマークに遷移し、そのサイトでブックマーク数が多い記事順に表示されます。

 

以下はてなブックマークに関連した3種類のブックマークレットを紹介します。

サイト内の記事をブクマ数順に表示するブックマークレット

以下のリンクをプックマークバーにドラッグしてください。

ブックマークレットのコード

ブックマーク追加時等にURLに設定する場合、以下のコードを使用してください。

javascript:(function(){var h=location.host;window.open('http://b.hatena.ne.jp/site/' + h + '?sort=count');})()

Copy

 

上記のコードの内容

javascript:(
  function(){
    //ホスト名を取得
    var h=location.host;
    
    //取得したホスト名をブックマーク数順に表示
    window.open('http://b.hatena.ne.jp/site/' + h + '?sort=count');
  }
)()

Copy

実行例

上記のようにワンクリックでサイト内の記事をはてなブックマーク数順に表示できます。

 

ページのブクマ数とコメントを確認できるブックマークレット

以下のリンクをプックマークバーにドラッグしてください。

ブックマークレットのコード

ブックマーク追加時等にURLに設定する場合、以下のコードを使用してください。

javascript:(function(){var u=window.location.href;var cu = u.replace(/^http[s]?:\/\//, '');window.open("https://b.hatena.ne.jp/entry/s/" + cu);})();

Copy

 

上記のコードの内容

javascript:(function(){

    // 現在開いているページのURLを取得
    var u=window.location.href;
    
    // URLから"http://" または "https://" を取り除く
    var cu = u.replace(/^http[s]?:\/\//, '');
    
    //取得したURLのはてなブックマーク数とコメントを表示
    window.open("https://b.hatena.ne.jp/entry/s/" + cu);

})();

Copy

実行例

はてなブックマーク数とコメントを確認できます。

 

ページの最初のパスまでの記事をブクマ数順に表示するブックマークレット

以下のリンクをプックマークバーにドラッグしてください。

※このブックマークレットを使うとQiita、Zenn、noteなどでユーザー毎の人気記事を確認できます。

ブックマークレットのコード

ブックマーク追加時等にURLに設定する場合、以下のコードを使用してください。

javascript:(function(){var p=location.host+'/'+location.pathname.split('/')[1];window.open('http://b.hatena.ne.jp/site/'+p+'?sort=count%27);})();

Copy

 

上記のコードの内容

javascript:(
  function(){
    //ホスト名と最初のパスを取得
    var p=location.host + '/' + location.pathname.split('/')[1];
    
    //取得したホスト名と最初のパス内の記事をブックマーク数順に表示
    window.open('http://b.hatena.ne.jp/site/' + p + '?sort=count');
  }
)()

Copy

実行例

上記はURLの最初のパスを含めて検索し、Qiitaのユーザーごとに人気記事を確認できます。

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter