この記事は最終更新日から1年以上が経過しています

  • 投稿日:2024/09/26

ノウハウ図書館の閲覧数集計(もどき)ツール

  • 2
  • -
会員ID:k8oYNoHt

会員ID:k8oYNoHt

この記事は約4分で読めます
要約
ノウハウ図書館の記事一覧からノウハウ図書館の閲覧数、レビュー数、いいね数、ブックマーク数の合計を計算するツールを作ってみました。

はじめに

ノウハウ図書館で得られるポイントを予測したくて、ブックマークの総数などを見たくなったのですが、現状表示されているところはないので作ってみました。

運営側の改修で確認できるようになったらこの記事はお役御免です。

注意

※動作確認はMac版Google Chromeの最新版でのみ行っています。
※算出するのは今アクセスしているページの件数の合計です。今までに投稿した記事全ての合計ではありません。
ノウハウ図書館のリニューアルや仕様変更などによって動かなくなる可能性があります。
※自己責任でお願いします。

当然記事全体で一発で取れた方が楽に決まってますが、今回のやり方では今開いているページだけなので集計もどきということで。

使い方

記事の管理ページにアクセス

下記にまずはアクセスしましょう。記事管理の1ページ目です。

https://library.libecity.com/articles

コードのコピー

まずは下記のコードをコピーしてください。

// ↓この下の行から
// 全ての <ul class="view"> を取得
const viewElements = document.querySelectorAll('ul.view');
// 合計値を初期化
let totalViews = 0;
let totalComments = 0;
let totalLikes = 0;
let totalBookmarks = 0;

// 各要素の数値を取得
viewElements.forEach((viewElement) => {
const viewNum = parseInt(viewElement.querySelector('.viewNum').nextSibling.textContent.trim(), 10); // 閲覧数
const comments = parseInt(viewElement.querySelector('.fa-comment-dots').parentNode.textContent.trim(), 10); // レビュー数
const likes = parseInt(viewElement.querySelector('.fa-thumbs-up').parentNode.textContent.trim(), 10); // いいね数
const bookmarks = parseInt(viewElement.querySelector('.fa-bookmark').parentNode.textContent.trim(), 10); // ブックマーク数

// 合計に加算
totalViews += viewNum;
totalComments += comments;
totalLikes += likes;
totalBookmarks += bookmarks;

// 個々の数値を出力
console.log({
viewNum,
comments,
likes,
bookmarks
});
});

// 合計値を出力
console.log("Total Views:", totalViews);
console.log("Total Comments:", totalComments);
console.log("Total Likes:", totalLikes);
console.log("Total Bookmarks:", totalBookmarks);
// ↑この上の行まで

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:k8oYNoHt

投稿者情報

会員ID:k8oYNoHt

イルカ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません