From Chrome Developer Console, highlight elements to get JavaScript code. Built by: Triangle Digital (Triangledigital.xyz)

Latest Version

Version
3.2
Update
February 25, 2024
Size
82.71KiB
Developer
triangledigital.xyz
Category
Users
30,000+
Rating
4.53333 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

GTM Variable Builder Extension

GTM Variable Builder:

This tool makes it easy for you to highlight key parts of a website, such as text, product IDs, prices, or page titles. Simply select the content you're interested in and click on the extension's icon. To check what you've highlighted, head over to the JS console in Google Chrome.

Run the JavaScript code provided by the tool in the console. If it successfully captures your highlighted content, you can then use this in a custom Google Tag Manager variable, or in any other place where you need to submit product information, values, IDs, and so on.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "GTM Variable Builder", "description": "From Chrome Developer Console, highlight elements to get JavaScript code. Built by: Triangle Digital (Triangledigital.xyz)", "version": "3.2", "icons": { "128": "icon.png" }, "background": {"service_worker": "background.js"}, "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["content_script.js"] } ], "permissions": [ "activeTab" ], "action": { "default_name": "Enable Remarketing Selector", "default_icon": "icon.png" }}
Read more