Google Analytics Debugger Extension - GitHub

Google Analytics Debugger is a devtools extension for Chrome, Firefox and Opera that exposes tracking beacon data to developers so they can test their ... Skiptocontent {{message}} keithclark / gadebugger Public Notifications Fork 62 Star 232 AChrome,Firefox&OperadevtoolsextensionfordebuggingGoogleAnalyticstrackingcode keithclark.github.io/gadebugger/ License MITlicense 232 stars 62 forks Star Notifications Code Issues 15 Pullrequests 4 Actions Projects 0 Wiki Security Insights More Code Issues Pullrequests Actions Projects Wiki Security Insights keithclark/gadebugger Thiscommitdoesnotbelongtoanybranchonthisrepository,andmaybelongtoaforkoutsideoftherepository. master Branches Tags Couldnotloadbranches Nothingtoshow {{refName}} default Couldnotloadtags Nothingtoshow {{refName}} default 2 branches 8 tags Code Latestcommit keithclark Versionbump … 4a553d3 Apr11,2017 Versionbump 4a553d3 Gitstats 87 commits Files Permalink Failedtoloadlatestcommitinformation. Type Name Latestcommitmessage Committime docs InitialCommit Jun5,2014 src MinorUItweaksforChrome Apr11,2017 test AddmissingtestsforutmBeacon.js Oct7,2015 .gitignore AdddisttaskforOpera Nov17,2015 LICENSE AddMITlicense Aug13,2015 gruntfile.js movedarkmodestylesalongsidelightmodestyles Apr2,2017 package.json Versionbump Apr11,2017 readme.md UpdateFirefoxdevelopmentinfoinreadme Apr11,2017 screengrab.png UpdatereadmewithOperadetails Nov17,2015 Viewcode GoogleAnalyticsDebuggerExtension Prerequisites Requirements Setup Building Installingtheextensionfordevelopment Chrome Firefox Opera Buildingdistributableextensions Notes readme.md GoogleAnalyticsDebuggerExtension GoogleAnalyticsDebuggerisadevtoolsextensionforChrome,FirefoxandOperathatexposestrackingbeacondatatodeveloperssotheycantesttheiranalyticsimplementations.TheextensionwillcapturetrackingbeaconsfromClassic/TraditionalAnalyticsandUniversalAnalytics. GoogleAnalyticsDebuggerwilllogthefollowinginteractionsanddata: Pageviews Events E-commercetransactions Usertimings Socialinteractions Customvariables Customdimensions Custommetrics Contentgroups Campaigntracking Prerequisites Requirements NodeJS/NPM GruntCLI Setup npminstall Building Theeasiestwaytogetstartedistosimplyrun: grunt Thiswillbuildthecore,thebrowserextensionsandstartawatchtask.Ifyouwanttobuildcomponentsorextensionsindividuallyyoucanuse: gruntcore//buildsthecore gruntcorechrome//buildsthechromeextension(requirescore) gruntcorefirefox//buildsthefirefoxextension(requirescore) Installingtheextensionfordevelopment Chrome First,makesureyou'vebuiltthechromeextension.Browsetochrome://extensions,tickthe'Developermode'option,click'Loadunpackedextension'andselectthebuild/chromefolder.Ifallgoeswell,whenyouopen/restartdevtoolsyoushouldseea'GADebugger'panel. Ifyoumodifythecoreorchromesourcecodeyou'llneedtorebuildtheextension(thewatchtaskwilldothisforyou)andthenrestartdevtoolstoseeyourchanges. Firefox Youcanonlydevelopandtestadd-onsusingtheDeveloperEditonofFirefox.ReleaseversionsofFirefoxrequireadd-onstobedigitallysignedbeforetheycanbeinstalled. First,makesureyou'vebuilttheFirefoxadd-on.Next,launchFirefoxandbrowsetoabout:debugging.Clickthe'LoadTemporaryAdd-on'button,browsetoyouradd-on'sbuildfolderandselecttheinstall.rdffile.Ifyouradd-onloadscorrectly,GoogleAnalticsDebuggershouldappearintheextensionslist.Youcannowopendevtoolsandselectthe'GADebugger'tab. Ifyoumodifythecoreoradd-onsourcecodeyou'llneedtorebuildtheextension(thewatchtaskwilldothisforyou)andclickthe'Reload'buttonintheAdd-ondebuggermenutoseeyourchanges. Opera ToinstalltheextensioninOpera,followthestepsaboveforChrome. Buildingdistributableextensions Thedisttaskwillpackageeachextensionintoitsdistributableformat,readytobeinstalledinthebrowser.Youcanrunthistask(onceyouhavebuildtheextensions)using: gruntdist//createdistributableextensions Notes TheGAdebuggerrepositorycontainsGACoreandthebrowserextensions.GACoreisalibraryforinspectingGoogleAnalyticstrackingbeaconsandisusedbyallbrowserextensions.GACorecanalsostandaloneifrequired. About AChrome,Firefox&OperadevtoolsextensionfordebuggingGoogleAnalyticstrackingcode keithclark.github.io/gadebugger/ Topics firefox chrome opera devtools-extension Resources Readme License MITlicense Stars 232 stars Watchers 20 watching Forks 62 forks Releases 8 2.1.6 Latest Apr11,2017 +7releases Packages0 Nopackagespublished Contributors3       Languages JavaScript 81.8% HTML 10.0% CSS 8.2% Youcan’tperformthatactionatthistime. Yousignedinwithanothertaborwindow.Reloadtorefreshyoursession. Yousignedoutinanothertaborwindow.Reloadtorefreshyoursession.