Master the scripts and meta tags on any webpage. Analyze, detect, and review results with Tag Toolkit.

Latest Version

Version
1.8
Update
November 1, 2024
Size
435KiB
Developer
Category
Users
4
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
Scripting
Storage
Tabs
See more

Tag Toolkit Extension

Tag Toolkit is your ultimate browser extension for mastering the scripts and meta tags on any webpage. Whether you're a web developer, marketer, or just curious about the inner workings of a website, Tag Toolkit provides a comprehensive analysis of all the tags and scripts present on a page.

Key Features:
- Meta & Script Tag Overview: Instantly view all meta and script tags loaded with the initial page content. This gives you a complete picture of the site's structure and the scripts it relies on from the start.
- Dynamic & Asynchronous Tag Detection: Navigate to the Dynamic & Asynchronous Tags tab to see scripts that are added to the page dynamically after the initial load. This includes scripts loaded asynchronously, injected by other scripts, or added by third-party services like Google Tag Manager. The extension continuously monitors the page and updates this tab as new tags are added, ensuring you don't miss any late-loading or dynamically injected content.
- Search Functionality: Easily search through the tags and scripts to find specific elements you're interested in, making it simple to troubleshoot or verify the presence of particular scripts.
- Tag Identification: Detects common tags and scripts, such as those from Google Analytics or Google Tag Manager, and visually highlights them in the interface, making it easy to identify key tracking and marketing scripts.

How It Works:
- Default Meta & Script Tags Tab: Upon opening the extension, this tab automatically displays all meta and script tags that were part of the initial page load. This includes any embedded scripts, external resources, and meta information crucial for SEO and page functionality.
- Dynamic & Asynchronous Tags Tab: This tab is specifically designed to track and display scripts that are added dynamically as the page loads and interacts with the user. It’s particularly useful for identifying scripts loaded by asynchronous methods, such as those used by Google Tag Manager or similar services. As new scripts are detected, they are added to the list in real-time, ensuring you have the most up-to-date information about the page's behavior.

Whether you're debugging, optimizing, or simply exploring, Tag Toolkit equips you with the insights you need to understand and master the tags and scripts that drive the web. Install Tag Toolkit today and take control of your web development and analysis tasks!

Note: Tag Toolkit requires permission to access the active tab and its content to analyze the scripts and tags effectively. All analysis is performed locally in your browser, and no data is transmitted externally.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Tag Toolkit", "version": "1.8", "description": "Master the scripts and meta tags on any webpage. Analyze, detect, and review results with Tag Toolkit.", "permissions": [ "activeTab", "scripting", "storage", "tabs" ], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" } }, "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "content_scripts": [ { "matches": [""], "js": ["content.js"] } ], "host_permissions": [""] } "
Read more

How to manually install Tag Toolkit extension

Looking for a way to install Tag Toolkit extensions, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Tag Toolkit extensions manually, this article outlines two simple methods to effortlessly install Tag Toolkit extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Install Tag Toolkit extension manually through Drag &Drop

If you ever need to manually install a Tag Toolkit extension, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Tag Toolkit Extension by clicking the "Download CRX" button on the website.

Look for the Tag Toolkit extension you wish to install. Go to the website and download the Tag Toolkit extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Tag Toolkit extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Tag Toolkit extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Install Tag Toolkit extension in Developer Mode

This is another method to install Tag Toolkit extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Tag Toolkit extension file

Select and download the Tag Toolkit extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Tag Toolkit extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Tag Toolkit extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Tag Toolkit extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Tag Toolkit extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

ObservePoint Debugger Extension · Developer Tools 4 52 ★ 3.6MiB

icon

Ahrefs SEO Toolbar: On-Page and SERP Tools Extension · Productivity 4 306 ★ 802KiB

icon

CMS Checker Extension · Developer Tools 4 4 ★ 904KiB

icon

Easy Scraper - One-click web scraper Extension · Productivity 4 279 ★ 779KiB

icon

SEO Pilot Extension · Productivity 4 109 ★ 591KiB

icon

Meta Tag Analyzer Extension · Productivity 4 0 ★ 32.22KiB

icon

SEO Spider Tools Extension · Developer Tools 4 11 ★ 142KiB

icon

Price tracker - Otsledit Extension · Shopping 4 496 ★ 2.69MiB

icon

Alaev SEO Tools: Free Audit & Analysis Extension · Developer Tools 4 141 ★ 680KiB

icon

WhatRuns Extension · Developer Tools 4 398 ★ 290KiB

icon

SiteAnalyzer SEO Tools: Free Meta & SEO Checker Extension · Productivity 4 71 ★ 799KiB

icon

SearchJumper - Context Search Extension · Productivity 4 31 ★ 1.42MiB

icon

Browse AI: Fast Web Scraping & Monitoring Extension · Productivity 4 45 ★ 2.08MiB

icon

URL Extractor Extension · Productivity 4 6 ★ 512KiB

icon

Site Inspector Extension · Developer Tools 4 13 ★ 251KiB

icon

Keyword Rank Checker Extension · Productivity 4 0 ★ 372KiB

icon

Meta Explorer - SEO Meta and On-Page SEO tools Extension · Developer Tools 4 27 ★ 2.78MiB

icon

Niche Finder Pro - Google and Ahrefs combined Extension · Productivity 4 7 ★ 374KiB

icon

TAGLAB - Analytics & Datalayer Console Viewer Extension · Developer Tools 4 8 ★ 1000KiB

icon

ECSPY - Shopify/WordPress Spy & Dropship Tool Extension · Productivity 4 8 ★ 1.16MiB

icon

SEO Checker Extension · Productivity 4 7 ★ 797KiB

icon

SEOMarkup Structured Data Schema Inspector Extension · Productivity 4 2 ★ 57.76KiB

icon

Fast Schema Markup Checker - By Vryse SEO Extension · Productivity 4 3 ★ 215KiB

icon

SEO Specialist Extension Extension · Developer Tools 4 2 ★ 19.84KiB