Web Page Meta Data Manager

A versatile extension for web developers and content managers to manage, inspect, debug custom meta tags and hidden form fields.

Your All-in-One Toolkit for Web Page Inspection & Meta Tag Management for HubSpot CMS! Web Page Meta Data Manager is an essential extension for content managers, SEO specialists, and developers. Instantly inspect any webpage to uncover hidden data, or switch to editor mode to manage and generate your own custom set of meta tags. While powerful on any website, its true strength lies in a specialized mode for the HubSpot CMS, designed to streamline your meta tag workflow. (Updated version - see releasenotes for 1.0.4 below) Key Features: 1. Powerful Page Inspector: On any website, the extension acts as a powerful diagnostic tool. Instantly view: - All Meta Tags: See a complete list of all meta tags on the page, with your managed tags highlighted and grouped at the top. - Hidden Form Fields: Discover all hidden <input> fields, conveniently grouped by form, perfect for debugging form submissions and tracking. - Cookies: View a clear table of all first-party cookies for the current page, showing name, value, and domain. 2. Customizable Meta Editor: - Build Your Own: Use the options page to define the exact set of meta tags you need to manage. Flexible Field Types: For each meta tag, choose between a single-select dropdown, a multiple-select dropdown (for comma-separated values), or a simple text input. - Manage Options: Easily add, edit, or remove the predefined values for all your dropdown menus. - Optional URL Fetching: If you configure a tag named "fullUrl", the extension will automatically fetch the page's canonical URL from HubSpot's settings—a great time-saver! 3. Specialized HubSpot CMS Mode: When used on a HubSpot editor page, the extension provides a streamlined workflow. The "Load Current Meta" button intelligently parses the data from the "Head HTML" section, pre-filling your configured fields, including any fullUrl value. 4. Simple & Efficient Workflow: Easy Data Transfer: Quickly copy the generated HTML meta tags to your clipboard with a single click. Intuitive UI: A clean interface with collapsible sections lets you focus on the data that matters. Backup & Restore: Export your entire configuration of managed tags and options to a JSON file, and import it on another device or browser. Whether you're debugging on-page data, streamlining your SEO workflow, or maintaining meta tag consistency across your sites, this tool is built for you. Install Web Page Meta Data Manager and take control of your web page data! Changelog / Release Notes (v. 1.0.4) This version introduces several user experience improvements on the Options page, making it more intuitive and powerful to manage your meta tag configurations. - "Discard Changes" Functionality: The "Reset to Defaults" button has been changed. It is now a "Discard Changes" button that reverts only the unsaved changes made in the current session, instead of performing a full factory reset. This makes it safer to undo recent edits without losing your entire configuration. - "Clear All Settings & Reset" Button: The button at the bottom of the page now serves as the single point for performing a full factory reset, which clears all stored settings and restores the extension's original defaults. - Improved Name Editing: The workflow for editing a meta tag's label has been streamlined. The "Save Name" button has been removed, and any changes to the label are now included when you click the main "Save All Changes" button. - Bug Fixes for Adding/Removing Options: Corrected a bug that caused incorrect status messages to appear when adding or removing predefined option values. Backwards Compatibility for Imports: The import function has been improved to correctly handle older backup files that were created before the "Multiple Select" feature was introduced. Version 1.0.3: New Debugging Tools & User Control This version introduces powerful new features for inspecting page data and gives users more control over the extension's behavior. ✨ NEW FEATURES - View Cookies: A new, collapsible "Cookies" section has been added to the "Page Data Viewer." You can now easily inspect all first-party cookies for the current domain, including their name, value, and domain, right from the popup. - Edit Meta Tag Labels: It's now possible to edit the display label of a configured meta tag directly from the "Manage Options" page, giving you full control over the name attribute in the final meta tag. Optional URL Fetching: The extension is now more efficient. It will only look for the "Page URL" in HubSpot's settings if you have a meta tag named fullUrl configured in your options. 🐛 FIXES & IMPROVEMENTS - Improved HubSpot URL Detection: The logic to find the "Page URL" within HubSpot's settings has been completely rebuilt to be more robust and reliable, especially for pages at the root domain where no slug is present. - Options Page Stability: Fixed several bugs in the "Manage Options" page that caused incorrect error messages when adding or removing options. The "Save" button state is also more reliable now. - Correct Meta Name in Output: Fixed a critical bug where user-defined meta tag names with spaces (e.g., "Sektor 2") were incorrectly sanitized in the copied output. The extension now preserves the exact label you provide. - Page Data Viewer Sorting: Restored the functionality that groups and displays your "Managed - Meta Tags" at the top of the list for easier debugging. UI Enhancements: The "Manage Options" page now opens in a full tab for a better user experience, and the popup window's footer is now fixed to ensure buttons are always visible. Version 1.0.2 Release Notes This is a significant update focused on stability, new features, and compliance with Chrome Web Store policies. New Features: - Multiple Select Dropdowns: You can now configure meta tags in the Options page to allow for multiple selections in the popup. This is perfect for tags that can have several comma-separated values. - Edit Meta Tag Labels: It is now possible to edit the display label of a configured meta tag directly from the Options page. - Optional URL Fetching: The extension is now more efficient. It will only look for the "Page URL" in HubSpot's settings if you have a meta tag named fullUrl configured. Fixes & Improvements: Chrome Store Compliance: Resolved issues that led to previous rejections by removing external scripts and unused permissions. Styling is now handled by a local tailwind-jit.js file. Clipboard Functionality: The "Copy Meta" buttons have been completely re-written using the modern and more reliable Clipboard API, which should resolve all previous issues with copying to the clipboard. Page Data Viewer Restored: The "Page Data Viewer" functionality, which shows all meta tags and hidden form fields on any webpage, has been fully restored and is now collapsed by default for a cleaner look. Options Page Stability: - Fixed a bug that caused incorrect status messages when adding or removing options. - Fixed a bug where editing a meta tag's label would incorrectly add it as a predefined value. - The "Save All Changes" and "Reset" buttons are no longer activated by simply typing in the "Add New Meta Tag" form, improving user experience. - Backwards Compatibility: The import function now supports older backup files that were created before the "Multiple Select" feature was added.