From Chrome Developer Console, highlight elements to get JavaScript code. Built by: Triangle Digital (Triangledigital.xyz)
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
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.
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