Ad Copy Character Counter
Free to download on every platform. Comes pre-installed on BotFone, BotPad and BotFlip — with extra free apps included.
About this app
WHAT IT DOES
The Ad Copy Character Counter scans any webpage for text input fields, textareas, and content-editable elements, then displays real-time overlays showing the character count, word count, and remaining characters relative to common advertising platform limits. It supports Google Ads (30/60/90 character limits), Facebook (40/80/125), Twitter/X (280), LinkedIn (300), and a custom limit option. The overlays update automatically as you type, showing a color-coded status: green for within limits, yellow for approaching limits, and red for exceeded limits. This helps copywriters, marketers, and content creators craft ad copy that fits platform requirements without manually counting characters.
WHERE IT RUNS
It runs as a draggable overlay panel inside the BotGentz extension on any website—ad creation tools, content management systems, social media dashboards, email marketing platforms, or any page with text input fields. It works on any framework (React, Vue, Angular, vanilla HTML).
HOW TO USE
1. Install the free BotGentz extension.
2. Navigate to any page with text input fields.
3. Click the BotGentz icon and select "Ad Copy Character Counter" from the tools menu.
4. Click "Start Watching" to begin monitoring text fields.
5. Type in any text field—an overlay appears showing the character count, word count, and remaining characters.
6. Select your ad platform from the settings to apply the correct limits.
7. Customize the limit with the custom option.
8. Toggle word count and remaining characters display in settings.
9. Click "Refresh" to update overlays if new fields appear.
10. Click "Stop" to remove overlays and stop monitoring.
11. Drag the panel to reposition it, resize it, collapse it, or press Escape to close.
THE ACTUAL MECHANISM — DOM scanning with event-driven overlay updates
This tool scans the DOM for all text input elements (input[type="text"], textarea, and contenteditable elements) using a combination of querySelectorAll and a MutationObserver to detect dynamically added fields. For each detected field, it creates a fixed-position overlay above the field using the field's bounding client rect. The overlay displays: character count (with color coding), word count, remaining characters, and the current platform label. The tool attaches input and change event listeners to each field so that every keystroke triggers an update. The overlay is positioned dynamically, adjusting if it would go off-screen. The platform limits are stored in GM_setValue and applied globally. The tool also handles focus changes and DOM mutations to ensure overlays appear on newly added fields.
THE PANEL
The panel is fully draggable by its title bar and snaps to the nearest edge of the viewport when released. You can resize it horizontally by dragging the left or right border; the height expands to fit content up to a maximum, with scrolling inside the settings area. A collapse button minimizes the panel to a small floating chip showing "⚙️ Ad Counter" — click it to expand back. Press Escape at any time to close the panel entirely. The panel remembers its last position, size, and expansion state per domain via localStorage.
PLEASE NOTE
- This tool requires the free BotGentz extension (available for Chromium‑based browsers and Firefox).
- The tool only works on visible text input fields—hidden or disabled fields are not monitored.
- Character counting includes spaces and punctuation, matching most ad platform counting methods.
- The tool uses event listeners to update overlays in real time; on pages with heavy DOM manipulation, overlays may briefly flicker.
- No page content is ever sent to any server—all counting happens locally in your browser. Only anonymized usage metrics (panel open/close, platform selections) are collected; you can disable this in the extension settings at any time.
Similar Apps
