keithclark / gadebugger Goto Github PK
View Code? Open in Web Editor NEWA Chrome, Firefox & Opera devtools extension for debugging Google Analytics tracking code
Home Page: https://keithclark.github.io/gadebugger/
License: MIT License
A Chrome, Firefox & Opera devtools extension for debugging Google Analytics tracking code
Home Page: https://keithclark.github.io/gadebugger/
License: MIT License
Just noticed there's a number of issues being submitted around not working or not seeing data that appear to be folks missing the record button.
I wonder if it would be useful to have the extension record by default upon activation of the tab?
Version 60.0.3112.50 (Official Build) beta (64-bit) extension not working. Shows inactive. Extension is enabled. Screenshot: https://drive.google.com/file/d/0B93n7DKrtzuITHNDTUVtUk13R00/view?usp=drivesdk
Move GA Debugger to Web Extensions.
According to https://developers.google.com/analytics/devguides/collection/analyticsjs/ecommerce#transaction and https://developers.google.com/analytics/devguides/collection/analyticsjs/ecommerce#item, Transaction ID in each of these scenarios is a Text field.
However, I believe GA Debugger is parsing the ID as an integer, which gives us a different result to GA when using Transaction IDs that are not pure Integers.
I think this is being done https://github.com/keithclark/gadebugger/blob/master/src/core/utmBeacon.js#L246 and https://github.com/keithclark/gadebugger/blob/master/src/core/utmBeacon.js#L262.
cc/ @NGMarmaduke who originally found the issue
Somehow all data (pageviews, events) is double-logged, please check the screenshot:
I'm sure it's not the fault of my tracking code implementation or a problem with my event tracking JS, because, for one, double data doesn't occur in Firefox devtools (Google Analytics Debugger v2.1.1). Also, Chrome's Google Tag Assistant reports "1 Pageview Requests", "1 Events" every time when GA Debugger reports 2.
in FF 56.0.2 (64-bit)
Hi, I've seen that it cannot register the first addToCart event on a site such as http://www.ica.se/handla/maxi-ica-stormarknad-malmo-id_02748/ where I can see it being sent in GTM and the datalayer.
The "Event Data" is not showing the metric at which our customers are being charged.
The "Value" row is blank. I've tested our code against another debugger and it is showing the value.
With the new transport field added on the Release 2015-04-13, setting it either on beacon
or xhr
will break gaDebugger.
Here are some infos on what the request
object comming from the chrome.devtools.network.onRequestFinished
listener looks like with each of the mentionned transport mechanisms:
beacon
{
"startedDateTime": "2015-07-23T16:18:44.309Z",
"time": 43.999999994412065,
"request": {
"method": "POST",
"url": "https://www.google-analytics.com/collect",
"httpVersion": "HTTP/1.1",
"headers": [...],
"queryString": [],
"cookies": [],
"headersSize": 540,
"bodySize": 679,
"postData": {
"mimeType": "text/plain",
"text": "v=1&_v=j37&a=336231154&t=pageview&_s=1&dl=http%3A%2F%2Fguides.bib.umontreal.ca%2Fdisciplines%2F481-Bandes-dessinees-en-sciences-de-la-sante%3Ftab%3D2181&ul=en-us&de=UTF-8&dt=Bandes%20dessin%C3%A9es%20en%20sciences%20de%20la%20sant%C3%A9%20-%20Guides%20par%20discipline%20-%20Biblioth%C3%A8ques%20-%20Universit%C3%A9%20de%20Montr%C3%A9al&sd=24-bit&sr=1680x1050&vp=1663x965&je=1&fl=18.0%20r0&_utma=145944496.1597017414.1432568139.1437420747.1437420747.1&_utmz=145944496.1437420747.1.1.utmcsr%3Dbib.umontreal.ca%7Cutmccn%3D(referral)%7Cutmcmd%3Dreferral%7Cutmcct%3D%2F&_utmht=1437668324309&_u=SCCCAQAjI~&jid=&cid=1597017414.1432568139&tid=UA-8791511-1&cd1=autre&cd2=oui&z=1983562138"
}
},
"cache": {},
"timings": {
"blocked": 2.43100000079721,
"dns": -1,
"connect": -1,
"send": 0.12199999764562008,
"wait": 40.32600001664837,
"receive": 1.1209999793208638,
"ssl": -1
},
"connection": "28174",
"pageref": "page_1"
}
xhr
{
"startedDateTime": "2015-07-23T17:05:42.889Z",
"time": 40.36799998721108,
"request": {
"method": "POST",
"url": "https://www.google-analytics.com/r/collect",
"httpVersion": "HTTP/1.1",
"headers": [...],
"queryString": [],
"cookies": [],
"headersSize": 542,
"bodySize": 692,
"postData": {
"mimeType": "text/plain",
"text": "v=1&_v=j37&a=609630980&t=pageview&_s=1&dl=http%3A%2F%2Fguides.bib.umontreal.ca%2Fdisciplines%2F481-Bandes-dessinees-en-sciences-de-la-sante%3Ftab%3D2181&ul=en-us&de=UTF-8&dt=Bandes%20dessin%C3%A9es%20en%20sciences%20de%20la%20sant%C3%A9%20-%20Guides%20par%20discipline%20-%20Biblioth%C3%A8ques%20-%20Universit%C3%A9%20de%20Montr%C3%A9al&sd=24-bit&sr=1680x1050&vp=1663x965&je=1&fl=18.0%20r0&_utma=145944496.1597017414.1432568139.1437420747.1437420747.1&_utmz=145944496.1437420747.1.1.utmcsr%3Dbib.umontreal.ca%7Cutmccn%3D(referral)%7Cutmcmd%3Dreferral%7Cutmcct%3D%2F&_utmht=1437671142884&_u=SCCCAQAjI~&jid=911100966&cid=1597017414.1432568139&tid=UA-8791511-1&_r=1&cd1=autre&cd2=oui&z=846675973"
}
},
"response": {...},
"cache": {},
"timings": {
"blocked": 3.94299998879433,
"dns": -1,
"connect": -1,
"send": 0.12100001913495051,
"wait": 35.15499999048192,
"receive": 1.1489999887998792,
"ssl": -1
},
"connection": "36187",
"pageref": "page_2"
}
If i find some time, I'll try to patch the code...
Was working for me before. Tried it today but to no avail. Re-installed extension but still not working for me.
It would be good to move GA debugger to the Fuse devtools boilerplate.
Having the measurement protocol reference as a naming convention for the fields displayed to the user would mean that people who use the app will understand and remember faster what each field represents.
Since hotfix #38, Firefox now throws an error when trying to set certain properties in the Beacon inspector.
This issue is caused because the getFormatStr
method is missing from the new L10N
object, resulting in the following error:
Now that extensions are published to Chrome store and Mozilla Add-ons the dist
directory doesn't need to be part of the repo any longer.
Currently the Plugin doesn't work with the new Firefox Plugin system - please update the Plugin to be compatible with the new FF Version.
Thanks!
Addording to support article, Firefox Addon should uploaded to addon.mozilla.org for automatically test and signing, in order to keep work after Firefox 41 (around 45 days from now, current in beta).
https://support.mozilla.org/zh-TW/kb/add-on-signing-in-firefox
https://wiki.mozilla.org/Addons/Extension_Signing
Would be nice if we had the option to clear or preserve the logs (this is already implemented) when a user navigates to another page.
Add pages to the GA Debugger website to document:
I'm developing a website that has loads of GA-stuff on it, including analytics and enhanced e-commerce. But none of it shows up. The list of trackers remains empty.
Try it for yourself: https://www.goossenswonen.nl/
I'm on Chrome 64.
Hey @keithclark
You've got an awesome extension, I really like it, especially the little icons and how organised it looks! Thanks for the effort that has gone into making such a useful tool.
I noticed that IP addresses don't seem to work, but localhost
does. Would it be possible to add support for IP addresses such as http://20.20.21.184:3000/
in addition to localhost?
According to the Firefox addon manager the newest version of the addon is not installable for the newer version of Firefox
When trying to install an older version, only version 2.1.3 is availlable but this unfixes #37
uabeacon should be uaBeacon
and
utmbeacon should be utmBeacon
Running "nodeunit:core" (nodeunit) task
Fatal error: ENOENT, no such file or directory 'src/core/uabeacon.js'
On Firefox Developer Edition, GA Debugger is blank, doesn't match theme styling of the developer tools window, and the button to start recording events does not do anything when clicked. The checkbox can be unchecked, but does nothing. No "Preserve log" label appears next to the checkbox. No events appear when fired.
I have been able to reproduce this issue in the latest versions of both the Windows and Mac versions of Firefox Developer Edition 53.0a2 (64-bit) and on the Mac version of vanilla Firefox 51.0.1 (64-bit).
This is GA Debugger version 2.1.3. See screenshot. Thanks!
Just wondering if this repository is still maintained since this is a really good chrome extension.
Would it be possible to add it to the chrome webstore?
Unable to see any data in the GA Debugger tab http://i.imgur.com/t1WyabY.png
Have tested on multiple sites with GA and/or GTM but still nothing.
Using Chrome Version 60.0.3112.113
Any ideas?
Tests are required for createBeaconHint()
in GACore. Relates to #16.
It looks like the electrolysis update for Firefox has a broken a number of addons, including your awesome tool! Any plans to patch it? I'd offer to help, but I wouldn't know the first place to start.
The event label is not shown on list, I have just "Category / Action". Is it a feature or bug ?
:)
Hi,
Is there a WebExtensions port for Firefox in the works? FF 57 is nearing release; FF Nightly is currently on version 56.
Many fields listed in the measurement protocol are not displayed in GADebugger.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.