GithubHelp home page GithubHelp logo

keithclark / gadebugger Goto Github PK

View Code? Open in Web Editor NEW
238.0 24.0 65.0 1.11 MB

A Chrome, Firefox & Opera devtools extension for debugging Google Analytics tracking code

Home Page: https://keithclark.github.io/gadebugger/

License: MIT License

JavaScript 81.78% CSS 8.24% HTML 9.97%
firefox chrome opera devtools-extension

gadebugger's People

Contributors

arnaudrinquin avatar keithclark avatar snypelife avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

gadebugger's Issues

Record by default?

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?

Not working in Chrome for me

Chrome Version 57.0.2987.133 (64-bit)

I've activated the extension:

screenshot 2017-04-19 17 31 32

The plugin is not lightup in chrome bar:

screenshot 2017-04-19 11 56 01

Recording is on, but no tracker appears:

screenshot 2017-04-19 11 56 49

Any help would be great.

Plugin doesn't show any data.

I have installed the plugin, restarted the browser and tested in on a couple websites i'm administrating. One of them is using GA code, another is using GTM code.
In both cases it's just a blank field, nothing appears at all.
screen shot 12-21-16 at 04 20 pm
Please let me know if I'm doing something wrong.

Support DevTools dark mode

When running in dark mode, the ui looks like.

image

Perhaps theres a way to tweak the styles when in dark mode? I'll poke around and see if there's a straightforward way to accomplish this, if you're cool with a PR?

Transaction ID may be Text rather than Integer

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

Double data in Chrome

  • Chrome: 49.0.2623.110 m
  • Google Analytics Debugger v2.1.0

Somehow all data (pageviews, events) is double-logged, please check the screenshot:

gadebugger-chrome-double-data

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.

Commerce tracking not showing metrics

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.

Add support for 'beacon' and 'xhr' transport mechanism

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...

Up to date?

I compiled and installed and I get the panel, but I'm seeing the below with no changes. I've confirmed analytics beacons are going out.

debugger

Any idea on a starting point for this problem?

Not working on chrome now

Was working for me before. Tried it today but to no avail. Re-installed extension but still not working for me.

Firefox error

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:

screen shot 2017-02-25 at 00 45 13

Remove 'dist' from repo

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.

Update Plugin for Firefox Quantum

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!

Broken in newer versions of Firefox

I'm using the developer edition of Firefox which is on the Aurora channel. The extension doesn't appear to display correctly in the most recent version 44.0a2 (2015-11-17).

2015-11-17 14_56_35-google analytics debugger - firefox developer edition

Seems totally fine in the release channel though (42.0)

Clear or preserve logs

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.

Doesn't work

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.

IP addresses not supported

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?

Version 2.1.6 not installable in latest firefox

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
screen shot 2017-08-18 at 14 04 00

Typos in unit tests

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'

Blank window and inactive buttons in Firefox Developer Edition

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!

screen shot 2017-02-13 at 2 29 31 pm

Is this still maintained?

Just wondering if this repository is still maintained since this is a really good chrome extension.

Broken in Firefox 48

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.

WebExtensions, Firefox release

Hi,

Is there a WebExtensions port for Firefox in the works? FF 57 is nearing release; FF Nightly is currently on version 56.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.