← All examples

JavaScript Productivity wikipedia.org

Wikipedia: copy title and link button

Adds a small button next to the title that copies the article name together with its clean URL to the clipboard.

Code to copy

// Add a small button to copy the article title and URL
(function () {
  if (document.getElementById('jz-wik-copy')) { return; }
  const head = document.querySelector('#firstHeading, .mw-first-heading');
  if (!head) { return; }
  const btn = document.createElement('button');
  btn.id = 'jz-wik-copy';
  btn.textContent = 'Copy link';
  btn.style.cssText = 'margin-left:.8em;font-size:.6em;padding:.3em .7em;' +
    'cursor:pointer;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;';
  btn.addEventListener('click', function () {
    const text = head.textContent.trim() + ' — ' + location.href.split('#')[0];
    navigator.clipboard.writeText(text).then(function () {
      btn.textContent = 'Copied';
      setTimeout(function () { btn.textContent = 'Copy link'; }, 1500);
    });
  });
  head.appendChild(btn);
})();

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases