← All examples

JavaScript Productivity ads.google.com

Table row counter for Google Ads

Shows a floating badge with the count of currently visible rows in the campaign or keyword table.

Code to copy

/* Show a floating badge with the number of visible table rows */
(function () {
  var badge = document.createElement('div');
  badge.style.cssText =
    'position:fixed;bottom:12px;right:12px;z-index:99999;' +
    'background:#1a73e8;color:#fff;font:600 12px sans-serif;' +
    'padding:6px 10px;border-radius:14px;pointer-events:none;' +
    'box-shadow:0 2px 6px rgba(0,0,0,0.3)';
  document.body.appendChild(badge);
  function update() {
    try {
      var table = document.querySelector('table tbody') || document.querySelector('table');
      var rows = table ? table.querySelectorAll('tr').length : 0;
      badge.textContent = rows + ' rows';
    } catch (e) {}
  }
  update();
  new MutationObserver(update).observe(document.body, { childList: true, subtree: true });
})();

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