keithclark/gadebugger

Add to Chrome webstore

Closed this issue · 18 comments

I am planning to add it to Chrome store once all the features are in.

Yeah, I was stoked to get this going but Chrome no longer allows manual adding of extensions without going through the store: https://support.google.com/chrome_webstore/answer/2664769?p=crx_warning&rd=1 (You can't actually add it through the Extensions page, as they tell you to do.)

For now, you can add GA Debugger to Chrome by browsing to chrome://extensions/ and dragging the downloaded gadebugger-x.x.x.crx into the window

Ah haaaaaaaaaah ... never occurred to me to do that - works! Thank you!

<<For now, you can add GA Debugger to Chrome by browsing to chrome://extensions/ and dragging the downloaded gadebugger-x.x.x.crx into the window

@keithclark Tried that but getting the following error:

screenshot 2015-05-19 10 19 53

Interesting! I see this when I drag and drop into the extensions panel:

screen shot 2015-05-19 at 09 25 00

@keithclark Hi. I get the same "CRX_MAGIC_NUMBER_INVALID" error as @jrinconhanna when I drag it into Chrome. To be clear, I simply downloaded the .crx file from the "dist" folder and then dragged it onto the extensions panel. Is that what I'm supposed to do? This extension looks really good, so I'm keen to give it a go.

@jodamo5 exactly what I did too. I also wonder if I should do something else on top @keithclark

I've tried installing this on a few machines now and I'm still unable to reproduce this issue.

Could you try repeating the install process but tick "Developer Mode" in the extensions window? Also Which versions of Chrome and which OS are you using?

Hi @keithclark. I recorded a 30 sec video of what I'm doing when I try to install it, and the error I get. I'm just dragging the crx file onto the extensions screen in Chrome, like you mentioned. Hopefully this will show you what we're doing wrong! http://youtu.be/NHvsrLE8XVg?hd=1

Ah! I see your problem...

You can't download files from github like that. You're actually downloading the HTML content of a page on github — not the binary file. If you click that link normally you'll see the page you're downloading.

To download the correct file, follow the link and save the link to the raw content (right click on view raw and save that link). Alternatively, you could download the file from the GA Debugger site.

It works!! Glad I made that video so you could see exactly what we were doing wrong. Thanks for your help.

@jodamo5 Thanks for following up and @keithclark thanks for the explanation!

Now it's installed, but as I navigate, nothing seems to appear

screenshot 2015-07-29 17 04 11

I thought the same thing too at first @jrinconhanna. I found that you need to click the black circle to "Start capturing", and then hit 'Refresh'. Then then the data shows up.

@jodamo5 is correct, you need to click the 'record' button before you capture data. I hoped this would be intuitive as GA Debugger follows the same UI patterns as the other tools in devtools — Looks like I need some documentation on installation and a quick "How to use" guide.

@jodamo5 thanks for the tip! @keithclark Haven't used that many other tools, maybe that's why I was unfamiliar with it :)

Still doesn't work for me though. Could it be httpS?
http://www.screencast.com/t/kCdGNCQflq

Skip that, now it works it seems. Had to take out my Mixpanel debugger off. Excited to take it for a spin!