☰

Backloggd Plus

Backloggd 확장: 추가 게임 정보, 풍부한 UI, QoL 기능

설치 방법

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

Advertisement:

설치 방법

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

Advertisement:
작성자
NemoKing1210
일일 설치 수
1
총 설치 수
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 → Utilities → Install 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