Backloggd Plus

Backloggdを拡張:追加のゲーム情報、UI強化、QoL機能

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

Advertisement:

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

Advertisement:

作者のサイトでサポートを受ける。または、このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
作者
NemoKing1210
1日のインストール数
2
累計インストール数
3
評価
0 0 0
バージョン
0.7.21
作成日
2026/07/16
更新日
2026/07/16
大きさ
348KB
ライセンス
MIT
対象サイト

Backloggd Plus

Install userscript License: MIT Version

A userscript that extends Backloggd with extra game information, richer UI, and quality-of-life improvements — without leaving the site.

Compatible with Tampermonkey, Violentmonkey, Greasemonkey, ScriptCat, and other managers that support the // ==UserScript== metadata block.

Status: early (0.7.21). Backloggd enrichment + list badges + Steam / SteamDB → Backloggd buttons.

Quick install

  1. Install a userscript manager (Tampermonkey or Violentmonkey recommended).
  2. Click the install link below — your manager should open an installation prompt.

Install URL:

https://raw.githubusercontent.com/NemoKing1210/backloggd-plus/main/backloggd-plus.user.js

Install

Install from URL (dashboard)

Manager Path
Tampermonkey Dashboard → UtilitiesInstall from URL
Violentmonkey Dashboard → +Install from URL
Greasemonkey Add-on menu → New User Script → paste the raw URL

Paste the install URL above.

Manual install

  1. Open backloggd-plus.user.js in this repository.
  2. Copy the entire file contents.
  3. In your userscript manager, create a new script and paste the code.
  4. Save and enable the script.

Updates

The script includes @updateURL and @downloadURL metadata pointing to the raw GitHub file. Supported managers check for updates automatically.

To release a new version:

  1. Bump @version in backloggd-plus.user.js and backloggd-plus.meta.js.
  2. Add an entry to CHANGELOG.md.
  3. Push to main (or create a GitHub Release).

Features

Game pages (/games/{slug}/):

  • Native detail rows under Platforms — Steam (owned · wishlist · price · sale end / recent low · reviews · tags), Metacritic, OpenCritic, HLTB, Deck / Proton, Players, GameStatus, Links
  • Fix match — override the automatic Steam App ID when store search is wrong (saved per slug)
  • SteamDB visuals: app icon before the title, logo under Change cover, online player count
  • Steam header / community icon on game pages; screenshot gallery after game stats
  • Skeleton placeholders while Steam / GameStatus / score data loads
  • Quick links with favicons (IGDB, Steam, SteamDB, Metacritic, OpenCritic, HLTB, PCGamingWiki, IsThereAnyDeal, GOG DB)
  • Steam Owned / Wishlist badges when you are logged into Steam in the same browser (no API key)
  • GameStatus status badges on game pages and cover grids
  • Works without API keys (Steam Store public endpoints + session userdata + GameStatus / HLTB / OpenCritic / ProtonDB public APIs)

Lists / search / journal (cover grids):

  • Compact badges on .game-cover cards — price, Steam review %, Owned, Wishlist, GameStatus (lazy-loaded in viewport)

Steam app pages (store.steampowered.com/app/*, steamcommunity.com/app/*):

  • Backloggd icon button in .apphub_OtherSiteInfo (same style as SteamDB / Community Hub)
  • Link built from the Steam URL slug or game title

SteamDB app pages (steamdb.info/app/*):

  • Backloggd button in nav.app-links (same .btn style as Store / IGDB)
  • Prefers IGDB slug from the page when available

Settings (navbar Plus on Backloggd / userscript manager menu):

  • Interface language (Auto or fixed locale)
  • Steam store region (price currency)
  • Toggles for Steam / owned / wishlist / tags / Metacritic / OpenCritic / HLTB / Deck·Proton / GameStatus / players / SteamDB icon & logo / screenshots gallery / list cover badges / links / Steam & SteamDB Backloggd buttons
  • Debug mode: one panel with clickable source links and a full response dump
  • Per-site link visibility (IGDB, Steam, SteamDB, Metacritic, OpenCritic, HLTB, PCGamingWiki, IsThereAnyDeal, GOG DB)
  • Cache duration + clear cache

Supported pages

Site URL pattern
Backloggd https://www.backloggd.com/*
Backloggd (apex) https://backloggd.com/*
Steam Store (app) https://store.steampowered.com/app/*
Steam Community (app) https://steamcommunity.com/app/*
SteamDB (app) https://steamdb.info/app/*

How it works

Backloggd game page                    Steam / SteamDB app page
       │                                      │
       ▼                                      ▼
Enrichment rows (Steam/MC/Links)     Steam: .apphub_OtherSiteInfo
       │                             SteamDB: nav.app-links → .btn
       ▼
storesearch → appdetails

SPA navigations on Backloggd use Turbo events, MutationObserver, and an href poll.

Repository layout

backloggd-plus/
├── backloggd-plus.user.js   # Installable userscript (canonical distribution file)
├── backloggd-plus.meta.js   # Metadata-only companion for faster update checks
├── README.md                # Documentation and install instructions
├── CHANGELOG.md             # Version history
├── LICENSE                  # MIT license
└── .gitattributes           # GitHub linguist overrides
File Purpose
backloggd-plus.user.js Full script served at @downloadURL / @updateURL
backloggd-plus.meta.js Lightweight metadata mirror; managers may fetch it instead of the full script when checking for updates

Script metadata

Key // ==UserScript== fields used by managers:

Field Value
@namespace https://github.com/NemoKing1210/backloggd-plus
@version Semantic version (must be bumped on every release)
@updateURL / @downloadURL Raw GitHub URL of backloggd-plus.user.js
@homepageURL This repository
@supportURL GitHub Issues
@license MIT
@grant GM_xmlhttpRequest, GM_getValue, GM_setValue, GM_addStyle, GM_registerMenuCommand
@connect store.steampowered.com, api.steampowered.com, gamestatus.info
@match Backloggd /*, Steam Store/Community /app/*, SteamDB /app/*

Localized @name and @description tags are provided for en, ru, zh-CN, es, pt-BR, de, fr, ja, ko, and pl.

Required permissions

Grant Purpose
GM_xmlhttpRequest Fetch external data when features need it (bypasses CORS)
GM_getValue / GM_setValue Persist settings and cache between sessions
GM_addStyle Inject UI styles
GM_registerMenuCommand Open settings from the manager menu

@connect covers Steam Store / Steam Web API and GameStatus.

Development

Local workflow (Violentmonkey)

  1. Clone this repository.
  2. In Violentmonkey, install from the local backloggd-plus.user.js file.
  3. Enable Track local file before closing the install dialog.
  4. Edit the file in your IDE — changes apply after a page reload.

Local workflow (Tampermonkey)

Tampermonkey does not track local files natively. Options:

  • Reinstall from URL after each change, or
  • Use a local HTTP server and temporarily point @updateURL / @downloadURL to http://localhost:... during development (do not commit local URLs).

Configuration

Constants near the top of backloggd-plus.user.js can be adjusted as features land (cache keys, debounce intervals, API bases, etc.).

Affiliation

This project is not affiliated with Backloggd. It is an independent community userscript.

License

MIT — Copyright (c) 2026 NemoKing