Master the scripts and meta tags on any webpage. Analyze, detect, and review results with Tag Toolkit.
Tag Toolkit Extension
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.
Source Manifest.json
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
ObservePoint Debugger 4 52 ★ 3.6MiB
Ahrefs SEO Toolbar: On-Page and SERP Tools 4 306 ★ 802KiB
CMS Checker 4 4 ★ 904KiB
Easy Scraper - One-click web scraper 4 279 ★ 779KiB
SEO Pilot 4 109 ★ 591KiB
Meta Tag Analyzer 4 0 ★ 32.22KiB
SEO Spider Tools 4 11 ★ 142KiB
Price tracker - Otsledit 4 496 ★ 2.69MiB
Alaev SEO Tools: Free Audit & Analysis 4 141 ★ 680KiB
WhatRuns 4 398 ★ 290KiB
SiteAnalyzer SEO Tools: Free Meta & SEO Checker 4 71 ★ 799KiB
SearchJumper - Context Search 4 31 ★ 1.42MiB
Browse AI: Fast Web Scraping & Monitoring 4 45 ★ 2.08MiB
URL Extractor 4 6 ★ 512KiB
Site Inspector 4 13 ★ 251KiB
Keyword Rank Checker 4 0 ★ 372KiB
Meta Explorer - SEO Meta and On-Page SEO tools 4 27 ★ 2.78MiB
Niche Finder Pro - Google and Ahrefs combined 4 7 ★ 374KiB
TAGLAB - Analytics & Datalayer Console Viewer 4 8 ★ 1000KiB
ECSPY - Shopify/WordPress Spy & Dropship Tool 4 8 ★ 1.16MiB
SEO Checker 4 7 ★ 797KiB
SEOMarkup Structured Data Schema Inspector 4 2 ★ 57.76KiB
Fast Schema Markup Checker - By Vryse SEO 4 3 ★ 215KiB
SEO Specialist Extension 4 2 ★ 19.84KiB