☰

FBTitle Fix

Replaces generic Facebook tab title with the actual page or group name

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu betiği yüklemek için bir betik yöneticisi eklentisi yüklemeniz gerekecektir.

(Zaten bir betik yöneticim var, hadi yükleyelim!)

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!) 

// ==UserScript==
// @name         FBTitle Fix
// @namespace    https://github.com/2u841r/FBTitle-Fix
// @version      1.0.1
// @description  Replaces generic Facebook tab title with the actual page or group name
// @author       Zubair Ibn Zamir
// @license      MIT
// @match        *://*.facebook.com/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(function () {
  'use strict';

  function getPageName() {
    // Primary: h1 button div (old page/group name header)
    const h1btn = document.querySelector('h1 div[role="button"]');
    if (h1btn) {
      const text = h1btn.childNodes[0]?.textContent?.trim();
      if (text) return text;
    }

    // Fallback: h1 text (groups: h1 > span). Skip hidden/junk h1s like the
    // visually-hidden "Facebook" logo heading.
    for (const h1 of document.querySelectorAll('h1')) {
      const text = h1.textContent?.trim();
      if (!text || text === 'Facebook') continue;
      if (h1.getBoundingClientRect().width === 0) continue;
      return text;
    }

    // Fallback: 2026-07 layout, page header has no h1 anymore.
    // Tail of the header container path; atomic class hashes may break on FB redesigns.
    const span = document.querySelector('div.x1cy8zhl.x1614ocl > div > div > span > div');
    if (span) {
      const text = span.textContent?.trim();
      if (text) return text;
    }

    // Last resort: structural walk, no classes. First short standalone text
    // block inside main content, above the fold (header area).
    const main = document.querySelector('div[role="main"]');
    if (main) {
      const candidates = main.querySelectorAll('span > div');
      for (const el of candidates) {
        if (el.children.length > 0) continue;
        if (el.getBoundingClientRect().top > 600) break;
        const text = el.textContent?.trim();
        if (text && text.length >= 2 && text.length <= 100) return text;
      }
    }

    return null;
  }

  function updateTitle() {
    const name = getPageName();
    if (name && !document.title.startsWith(name)) {
      document.title = name + ' | Facebook';
    }
  }

  const observer = new MutationObserver(() => updateTitle());
  observer.observe(document.body, { childList: true, subtree: true });

  const _pushState = history.pushState.bind(history);
  history.pushState = function (...args) {
    _pushState(...args);
    setTimeout(updateTitle, 500);
  };

  window.addEventListener('popstate', () => setTimeout(updateTitle, 500));

  updateTitle();
})();