English
See more
Debug your page template to see if it works with Google Tag Manager's auto-event listeners.
Latest Version
Version
1.4
Update
May 16, 2020
Size
15.94KiB
Developer
www.simoahava.com
Category
Users
10,000+ 
Rating
5 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
See more
GTM Sonar Extension
The GTM Sonar can be used to debug the page template and its compatibility with Google Tag Manager's listeners.
TABLE OF CONTENTS
1. OVERVIEW
2. HOW TO USE IT
3. TO-DO
4. VERSION HISTORY
--------------------
1. OVERVIEW
Once you install the extension (and reload your page), clicking the red target in the extension pane will open a pop-up.
In this pop-up, you can choose which listener to activate on the page.
Click Listener: Halts default action of all clicks on the document node, pushes gtm.click and other data into debugDL upon clicking on the page.
Link Click Listener: Halts default action of all clicks on the document node, pushes gtm.linkClick and other data into debugDL upon clicking any link element on the page.
Form Submit Listener: Halts default action of all form submissions, pushes gtm.formSubmit and other data into debugDL upon submitting a form.
By choosing the listener and clicking \"Switch On\" you set up the listener on the page. By opening the pop-up and clicking \"Switch Off\", you cancel all extension actions.
Once an event is pushed into the debugDL array, a small badge icon in the Browser Action increases in count, signifying the number of items in the array. To view contents of the array, open the JavaScript console in your Chrome browser and type \"debugDL\" (without quotes).
If your page has jQuery available, you can kill all jQuery binds by clicking the respective button. This is to test if jQuery is interfering with GTM listeners.
The debugger is tab-specific, so actions in a tab are for that tab only. Once you browse away from the page, debugDL will not be available any more.
Note that canceling the default action of clicks and submits is not 100 % accurate. You might have interfering scripts which make it so that redirection or submission happens anyway.
2. HOW TO USE IT
The idea is that you can test how different elements perform with these three GTM listeners without actually setting up a real GTM listener. This is good for debugging, as you can now test freely with your markup before setting up listener tags in GTM. This is also very useful if you want to debug a site where you don't have access to the container or a preview version.
3. TO-DO
1) Make more stable and robust
4. VERSION HISTORY
v1.4 - May 13, 2020
- Fixed Click Listener to be properly removed when extension is inactive.
- Switched to using just the activeTab permission.
v1.3 - June 5, 2015
- Changed Click Listener to use Capture
- Changed Link Click Listener to climb through DOM tree until a link is found
v1.2 - June 1, 2014
- Added a badge icon which increases in count every time an event is pushed into debugDL
- Improved the pop-up instructions
- If the extension doesn't work, an error message will be displayed in the pop-up
- Changed the name of the extension to GTM Sonar (thanks Paul Gailey for the idea!)
v1.1 - May 26, 2014
- Added a popup to control debugger functions
- Added a switch to kill all jQuery binds
- Added the choice of Click Listener, Link Click Listener and Form Submit Listener
v1.0 - May 23, 2014
- First release version
- Clicking the Browser Action halts all click events and sets up the debugDL object
- Clicking anywhere on the page stores the gtm.click event in debugDL
- Clicking the Browser Action again removes all scripts and event handlers injected by this extension
Read more
TABLE OF CONTENTS
1. OVERVIEW
2. HOW TO USE IT
3. TO-DO
4. VERSION HISTORY
--------------------
1. OVERVIEW
Once you install the extension (and reload your page), clicking the red target in the extension pane will open a pop-up.
In this pop-up, you can choose which listener to activate on the page.
Click Listener: Halts default action of all clicks on the document node, pushes gtm.click and other data into debugDL upon clicking on the page.
Link Click Listener: Halts default action of all clicks on the document node, pushes gtm.linkClick and other data into debugDL upon clicking any link element on the page.
Form Submit Listener: Halts default action of all form submissions, pushes gtm.formSubmit and other data into debugDL upon submitting a form.
By choosing the listener and clicking \"Switch On\" you set up the listener on the page. By opening the pop-up and clicking \"Switch Off\", you cancel all extension actions.
Once an event is pushed into the debugDL array, a small badge icon in the Browser Action increases in count, signifying the number of items in the array. To view contents of the array, open the JavaScript console in your Chrome browser and type \"debugDL\" (without quotes).
If your page has jQuery available, you can kill all jQuery binds by clicking the respective button. This is to test if jQuery is interfering with GTM listeners.
The debugger is tab-specific, so actions in a tab are for that tab only. Once you browse away from the page, debugDL will not be available any more.
Note that canceling the default action of clicks and submits is not 100 % accurate. You might have interfering scripts which make it so that redirection or submission happens anyway.
2. HOW TO USE IT
The idea is that you can test how different elements perform with these three GTM listeners without actually setting up a real GTM listener. This is good for debugging, as you can now test freely with your markup before setting up listener tags in GTM. This is also very useful if you want to debug a site where you don't have access to the container or a preview version.
3. TO-DO
1) Make more stable and robust
4. VERSION HISTORY
v1.4 - May 13, 2020
- Fixed Click Listener to be properly removed when extension is inactive.
- Switched to using just the activeTab permission.
v1.3 - June 5, 2015
- Changed Click Listener to use Capture
- Changed Link Click Listener to climb through DOM tree until a link is found
v1.2 - June 1, 2014
- Added a badge icon which increases in count every time an event is pushed into debugDL
- Improved the pop-up instructions
- If the extension doesn't work, an error message will be displayed in the pop-up
- Changed the name of the extension to GTM Sonar (thanks Paul Gailey for the idea!)
v1.1 - May 26, 2014
- Added a popup to control debugger functions
- Added a switch to kill all jQuery binds
- Added the choice of Click Listener, Link Click Listener and Form Submit Listener
v1.0 - May 23, 2014
- First release version
- Clicking the Browser Action halts all click events and sets up the debugDL object
- Clicking anywhere on the page stores the gtm.click event in debugDL
- Clicking the Browser Action again removes all scripts and event handlers injected by this extension
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "GTM Sonar", "version": "1.4", "description": "Debug your page template to see if it works with Google Tag Manager's auto-event listeners.", "short_name": "GTM Sonar", "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "browser_action": { "default_icon": { "19": "icon19.png", "38": "icon38.png" }, "default_popup": "popup.html" }, "background": { "scripts": ["background.js"] }, "content_scripts": [{ "matches": [""], "js": ["debugger.js"], "run_at": "document_end" }], "permissions": [ "activeTab" ]}
Read more
Similar Extensions
Google Analytics Debugger 10,000+ 37 ★ 27.1KiB
Analytics Debugger 10,000+ 211 ★ 300KiB
dataslayer 10,000+ 80 ★ 417KiB
GTM Variable Builder 10,000+ 30 ★ 82.71KiB
Adswerve - dataLayer Inspector+ 10,000+ 56 ★ 517KiB
Datalayer Checker 10,000+ 33 ★ 93.13KiB
WASP.inspector: Analytics Solution Profiler 10,000+ 189 ★ 401KiB
PPC NegativeKeywords Tool 10,000+ 46 ★ 1.25MiB
Page Analytics (by Google) 10,000+ 1065 ★ 417KiB
PII Viewer for Google Analytics 10,000+ 9 ★ 3.09MiB
ObservePoint Debugger 10,000+ 52 ★ 3.6MiB
Google Analytics Debugger 10,000+ 533 ★ 28.88KiB
Da Vinci Tools 10,000+ 34 ★ 1.2MiB
GTM Copy Paste 10,000+ 49 ★ 726KiB
UET Tag Helper (by Microsoft Advertising) 10,000+ 25 ★ 216KiB
Table Booster for Google Analytics 10,000+ 53 ★ 94.14KiB
[DEPRECATED] Tag Assistant Legacy 10,000+ 1165 ★ 866KiB
Redirect Path 10,000+ 194 ★ 6.06MiB
Web Data Assistant 10,000+ 62 ★ 80.57KiB
Omnibug 10,000+ 50 ★ 1.35MiB
Copy Css Selector 10,000+ 26 ★ 19.31KiB
Yandex Metrica Debugger 10,000+ 8 ★ 22.03KiB
Tagtician: Adobe Launch & DTM Debugger 10,000+ 24 ★ 228KiB
Elevar GTM Event Builder 10,000+ 7 ★ 654KiB
User reviews
smallstar1234 (ID: 0000003072f17a5a) Voted 5 ★ - Updated 09/24/2021
John B. (ID: 00000044e68a8cc1) Voted 5 ★ - Updated 06/28/2019
Susanne Fischer (ID: 00000029943b415d) Voted 5 ★ - Updated 11/16/2018
Yulia Perun (ID: 00000019a8cc031f) Voted 5 ★ - Updated 10/16/2018
Jędrzej (ID: 000000b553a672c5) Voted 5 ★ - Updated 09/25/2018
