Add Better Share Button script

Clicking Share copies a clean video link without the si tracking token. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-08 22:05:19 +00:00 · 2026-09-29 20:38:16 -07:00
commit 93e8a39fc2
2 changed files with 102 additions and 0 deletions
@@ -0,0 +1,78 @@
+// ==UserScript==
+// @name         Better Share Button
+// @version      1.0.0
+// @description  Clicking Share on YouTube instantly copies a clean video link with the si tracking parameter stripped.
+// @match        https://www.youtube.com/*
+// @run-at       document_idle
+// ==/UserScript==
+
+const TOAST_ID = 'os-better-share-toast';
+const SHARE_ICON = 'M10 3.158V7.51';
+const SCOPE = 'ytd-watch-metadata, ytd-video-primary-info-renderer, reel-action-bar-view-model, #movie_player, #shorts-player';
+const KEEP = ['t', 'list'];
+let toastTimer;
+
+const videoUrl = () => {
+  const short = location.pathname.match(/^\/shorts\/([\w-]{11})/)?.[1];
+  if (short) return `https://youtube.com/shorts/${short}`;
+  const id = new URLSearchParams(location.search).get('v')
+    || location.pathname.match(/^\/live\/([\w-]{11})/)?.[1]
+    || document.querySelector('ytd-watch-flexy')?.getAttribute('video-id');
+  return id && `https://youtu.be/${id}`;
+};
+
+const clean = raw => {
+  try {
+    const url = new URL(raw);
+    [...url.searchParams.keys()].forEach(k => KEEP.includes(k) || url.searchParams.delete(k));
+    return url.href;
+  } catch { return raw; }
+};
+
+const copy = async text => {
+  try { await navigator.clipboard.writeText(text); }
+  catch {
+    const area = Object.assign(document.createElement('textarea'), { value: text });
+    area.style.cssText = 'position:fixed;opacity:0';
+    document.body.append(area);
+    area.select();
+    document.execCommand('copy');
+    area.remove();
+  }
+  toast('Clean link copied to clipboard');
+};
+
+const toast = msg => {
+  let el = document.getElementById(TOAST_ID);
+  if (!el) {
+    el = Object.assign(document.createElement('div'), { id: TOAST_ID });
+    el.style.cssText = `position:fixed;left:24px;bottom:24px;z-index:9999;padding:14px 16px;border-radius:8px;
+      font:500 14px Roboto,Arial,sans-serif;pointer-events:none;transition:opacity .2s,transform .2s;
+      background:var(--yt-spec-inverted-background,#0f0f0f);color:var(--yt-spec-text-primary-inverse,#fff)`;
+    document.body.append(el);
+  }
+  el.textContent = msg;
+  el.style.opacity = '1';
+  el.style.transform = 'none';
+  clearTimeout(toastTimer);
+  toastTimer = setTimeout(() => {
+    el.style.opacity = '0';
+    el.style.transform = 'translateY(8px)';
+  }, 2500);
+};
+
+const isShare = btn => btn.closest(SCOPE)
+  && !btn.closest('ytd-macro-markers-list-item-renderer')
+  && (btn.matches('.ytp-share-button') || btn.querySelector(`path[d^="${SHARE_ICON}"]`));
+
+window.addEventListener('click', e => {
+  const btn = e.target.closest?.('button');
+  if (!btn) return;
+  // Native share dialog (e.g. opened from a menu): copy its link without tracking
+  const input = btn.closest('yt-copy-link-renderer')?.querySelector('#share-url');
+  const url = input ? clean(input.value) : isShare(btn) && videoUrl();
+  if (!url) return;
+  e.preventDefault();
+  e.stopImmediatePropagation();
+  copy(url);
+}, true);