From 2ce1daffb829e3bd089beda655370f9988209000 Mon Sep 17 00:00:00 2001 From: Sabe Jones Date: Mon, 22 Jun 2015 16:35:17 -0500 Subject: [PATCH] feat(analytics): call service from app --- website/public/js/controllers/authCtrl.js | 28 +++++++++---------- website/public/js/controllers/footerCtrl.js | 11 +------- website/public/js/controllers/groupsCtrl.js | 27 +++++++++--------- .../public/js/controllers/inventoryCtrl.js | 6 ++-- .../public/js/controllers/notificationCtrl.js | 6 ++-- website/public/js/controllers/rootCtrl.js | 8 +++--- website/public/js/controllers/tasksCtrl.js | 8 +++--- website/public/js/services/guideServices.js | 9 +++--- website/public/js/static.js | 6 ++-- website/views/index.jade | 5 ---- website/views/static/front.jade | 7 +---- website/views/static/layout.jade | 5 ---- 12 files changed, 51 insertions(+), 75 deletions(-) diff --git a/website/public/js/controllers/authCtrl.js b/website/public/js/controllers/authCtrl.js index 48cf71cbe7..b706f27d07 100644 --- a/website/public/js/controllers/authCtrl.js +++ b/website/public/js/controllers/authCtrl.js @@ -5,8 +5,8 @@ */ angular.module('habitrpg') - .controller("AuthCtrl", ['$scope', '$rootScope', 'User', '$http', '$location', '$window','ApiUrl', '$modal', - function($scope, $rootScope, User, $http, $location, $window, ApiUrl, $modal) { + .controller("AuthCtrl", ['$scope', '$rootScope', 'User', '$http', '$location', '$window','ApiUrl', '$modal', 'Analytics', + function($scope, $rootScope, User, $http, $location, $window, ApiUrl, $modal, Analytics) { $scope.logout = function() { localStorage.clear(); @@ -47,14 +47,14 @@ angular.module('habitrpg') $http.post(url, scope.registerVals).success(function(data, status, headers, config) { runAuth(data.id, data.apiToken); if (status == 200) { - mixpanel.alias(data._id); + Analytics.register(); if (data.auth.facebook) { - mixpanel.register({'authType':'facebook','email':data.auth.facebook._json.email}) + Analytics.updateUser({'email':data.auth.facebook._json.email,'language':data.preferences.language}); + Analytics.track({'hitType':'event','eventCategory':'acquisition','eventAction':'register','authType':'facebook'}); } else { - mixpanel.register({'authType':'email','email':data.auth.local.email}) + Analytics.updateUser({'email':data.auth.local.email,'language':data.preferences.language}); + Analytics.track({'hitType':'event','eventCategory':'acquisition','eventAction':'register','authType':'email'}); } - mixpanel.register({'UUID':data._id,'language':data.preferences.language}); - mixpanel.track('Registration'); } }).error(errorAlert); }; @@ -68,15 +68,15 @@ angular.module('habitrpg') .success(function(data, status, headers, config) { runAuth(data.id, data.token); if (status == 200) { - mixpanel.identify(data.id); - mixpanel.register({'UUID':data._id}); - mixpanel.track('Login'); + Analytics.login(); + Analytics.updateUser(); + Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'login'}); } }).error(errorAlert); }; $scope.playButtonClick = function(){ - window.ga && ga('send', 'event', 'button', 'click', 'Play'); + Analytics.track({'hitType':'event','eventCategory':'button','eventAction':'click','eventLabel':'Play'}) if (User.authenticated()) { window.location.href = ('/' + window.location.hash); } else { @@ -144,9 +144,9 @@ angular.module('habitrpg') $http.post(ApiUrl.get() + "/api/v2/user/auth/social", auth) .success(function(data, status, headers, config) { if (status == 200) { - mixpanel.identify(data.id); - mixpanel.register({'UUID':data._id}); - mixpanel.track('Login'); + Analytics.login(); + Analytics.updateUser(); + Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'login'}); } runAuth(data.id, data.token); }).error(errorAlert); diff --git a/website/public/js/controllers/footerCtrl.js b/website/public/js/controllers/footerCtrl.js index f7fda11580..32c3055e6c 100644 --- a/website/public/js/controllers/footerCtrl.js +++ b/website/public/js/controllers/footerCtrl.js @@ -25,20 +25,11 @@ function($scope, $rootScope, User, $http, Notification, ApiUrl) { // Stripe $.getScript('//checkout.stripe.com/v2/checkout.js'); - // Google Analytics, only in production + // Google Content Experiments if (window.env.NODE_ENV === 'production') { - // Get experiments API $.getScript('//www.google-analytics.com/cx/api.js?experiment=t-AFggRWQnuJ6Teck_x1-Q', function(){ $rootScope.variant = cxApi.chooseVariation(); $rootScope.$apply(); - - (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ - (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), - m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) - })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); - ga('create', window.env.GA_ID, {userId:User.user._id}); - ga('require', 'displayfeatures'); - ga('send', 'pageview'); }) } diff --git a/website/public/js/controllers/groupsCtrl.js b/website/public/js/controllers/groupsCtrl.js index eaf23df4d3..dc1329c981 100644 --- a/website/public/js/controllers/groupsCtrl.js +++ b/website/public/js/controllers/groupsCtrl.js @@ -286,7 +286,8 @@ habitrpg.controller("GroupsCtrl", ['$scope', '$rootScope', 'Shared', 'Groups', ' }); }]) - .controller('ChatCtrl', ['$scope', 'Groups', 'User', '$http', 'ApiUrl', 'Notification', 'Members', '$rootScope', function($scope, Groups, User, $http, ApiUrl, Notification, Members, $rootScope){ + .controller('ChatCtrl', ['$scope', 'Groups', 'User', '$http', 'ApiUrl', 'Notification', 'Members', '$rootScope', 'Analytics', + function($scope, Groups, User, $http, ApiUrl, Notification, Members, $rootScope, Analytics){ $scope.message = {content:''}; $scope._sending = false; @@ -321,9 +322,9 @@ habitrpg.controller("GroupsCtrl", ['$scope', '$rootScope', 'Shared', 'Groups', ' $scope.message.content = ''; $scope._sending = false; if (group.privacy == 'public'){ - mixpanel.track('Group Chat',{'groupType':group.type,'privacy':group.privacy,'groupName':group.name,'message':message}) + Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'group chat','groupType':group.type,'privacy':group.privacy,'groupName':group.name,'message':message}); } else { - mixpanel.track('Group Chat',{'groupType':group.type,'privacy':group.privacy}) + Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'group chat','groupType':group.type,'privacy':group.privacy}); } }, function(err){ $scope._sending = false; @@ -417,8 +418,8 @@ habitrpg.controller("GroupsCtrl", ['$scope', '$rootScope', 'Shared', 'Groups', ' }]) - .controller("GuildsCtrl", ['$scope', 'Groups', 'User', 'Challenges', '$rootScope', '$state', '$location', '$compile', - function($scope, Groups, User, Challenges, $rootScope, $state, $location, $compile) { + .controller("GuildsCtrl", ['$scope', 'Groups', 'User', 'Challenges', '$rootScope', '$state', '$location', '$compile', 'Analytics', + function($scope, Groups, User, Challenges, $rootScope, $state, $location, $compile, Analytics) { $scope.groups = { guilds: Groups.myGuilds(), "public": Groups.publicGuilds() @@ -436,8 +437,8 @@ habitrpg.controller("GroupsCtrl", ['$scope', '$rootScope', 'Shared', 'Groups', ' if (confirm(window.env.t('confirmGuild'))) { group.$save(function(saved){ - if (saved.privacy == 'public') {mixpanel.track('Join Group',{'owner':true,'groupType':'guild','privacy':saved.privacy,'groupName':saved.name})} - else {mixpanel.track('Join Group',{'owner':true,'groupType':'guild','privacy':saved.privacy})} + if (saved.privacy == 'public') {Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'join group','owner':true,'groupType':'guild','privacy':saved.privacy,'groupName':saved.name})} + else {Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'join group','owner':true,'groupType':'guild','privacy':saved.privacy})} $rootScope.hardRedirect('/#/options/groups/guilds/' + saved._id); }); } @@ -452,8 +453,8 @@ habitrpg.controller("GroupsCtrl", ['$scope', '$rootScope', 'Shared', 'Groups', ' } group.$join(function(joined){ - if (joined.privacy == 'public') {mixpanel.track('Join Group',{'owner':false,'groupType':'guild','privacy':joined.privacy,'groupName':joined.name})} - else {mixpanel.track('Join Group',{'owner':false,'groupType':'guild','privacy':joined.privacy})} + if (joined.privacy == 'public') {Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'join group','owner':false,'groupType':'guild','privacy':joined.privacy,'groupName':joined.name})} + else {Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'join group','owner':false,'groupType':'guild','privacy':joined.privacy})} $rootScope.hardRedirect('/#/options/groups/guilds/' + joined._id); }) } @@ -508,8 +509,8 @@ habitrpg.controller("GroupsCtrl", ['$scope', '$rootScope', 'Shared', 'Groups', ' } ]) - .controller("PartyCtrl", ['$rootScope','$scope', 'Groups', 'User', 'Challenges', '$state', '$compile', - function($rootScope,$scope, Groups, User, Challenges, $state, $compile) { + .controller("PartyCtrl", ['$rootScope','$scope', 'Groups', 'User', 'Challenges', '$state', '$compile', 'Analytics', + function($rootScope,$scope, Groups, User, Challenges, $state, $compile, Analytics) { $scope.type = 'party'; $scope.text = window.env.t('party'); $scope.group = $rootScope.party = Groups.party(); @@ -519,7 +520,7 @@ habitrpg.controller("GroupsCtrl", ['$scope', '$rootScope', 'Shared', 'Groups', ' $scope.create = function(group){ group.$save(function(){ - mixpanel.track('Join Group',{'owner':true,'groupType':'party','privacy':'private'}); + Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'join group','owner':true,'groupType':'party','privacy':'private'}); $rootScope.hardRedirect('/#/options/groups/party'); }); } @@ -527,7 +528,7 @@ habitrpg.controller("GroupsCtrl", ['$scope', '$rootScope', 'Shared', 'Groups', ' $scope.join = function(party){ var group = new Groups.Group({_id: party.id, name: party.name}); group.$join(function(){ - mixpanel.track('Join Group',{'owner':false,'groupType':'party','privacy':'private'}); + Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'join group','owner':false,'groupType':'party','privacy':'private'}); $rootScope.hardRedirect('/#/options/groups/party'); }); } diff --git a/website/public/js/controllers/inventoryCtrl.js b/website/public/js/controllers/inventoryCtrl.js index deae46e618..afd85b625b 100644 --- a/website/public/js/controllers/inventoryCtrl.js +++ b/website/public/js/controllers/inventoryCtrl.js @@ -1,6 +1,6 @@ habitrpg.controller("InventoryCtrl", - ['$rootScope', '$scope', 'Shared', '$window', 'User', 'Content', - function($rootScope, $scope, Shared, $window, User, Content) { + ['$rootScope', '$scope', 'Shared', '$window', 'User', 'Content', 'Analytics', + function($rootScope, $scope, Shared, $window, User, Content, Analytics) { var user = User.user; @@ -180,7 +180,7 @@ habitrpg.controller("InventoryCtrl", $rootScope.selectedQuest = undefined; } $scope.questInit = function(){ - mixpanel.track("Quest",{"owner":true,"response":"accept","questName":$scope.selectedQuest.key}); + Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'quest','owner':true,'response':'accept','questName':$scope.selectedQuest.key}); $rootScope.party.$questAccept({key:$scope.selectedQuest.key}, function(){ $rootScope.party.$get(); }); diff --git a/website/public/js/controllers/notificationCtrl.js b/website/public/js/controllers/notificationCtrl.js index 578654afb0..2ff163240e 100644 --- a/website/public/js/controllers/notificationCtrl.js +++ b/website/public/js/controllers/notificationCtrl.js @@ -1,8 +1,8 @@ 'use strict'; habitrpg.controller('NotificationCtrl', - ['$scope', '$rootScope', 'Shared', 'Content', 'User', 'Guide', 'Notification', - function ($scope, $rootScope, Shared, Content, User, Guide, Notification) { + ['$scope', '$rootScope', 'Shared', 'Content', 'User', 'Guide', 'Notification', 'Analytics', + function ($scope, $rootScope, Shared, Content, User, Guide, Notification, Analytics) { $rootScope.$watch('user.stats.hp', function (after, before) { if (after <= 0){ @@ -87,7 +87,7 @@ habitrpg.controller('NotificationCtrl', Notification.drop(User.user._tmp.drop.dialog); } $rootScope.playSound('Item_Drop'); - mixpanel.track("Acquire Item",{'itemName':after.key,'acquireMethod':'Drop'}) + Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'acquire item','itemName':after.key,'acquireMethod':'Drop'}); }); $rootScope.$watch('user.achievements.streak', function(after, before){ diff --git a/website/public/js/controllers/rootCtrl.js b/website/public/js/controllers/rootCtrl.js index 4f6d04f630..00f9afbfa0 100644 --- a/website/public/js/controllers/rootCtrl.js +++ b/website/public/js/controllers/rootCtrl.js @@ -3,8 +3,8 @@ /* Make user and settings available for everyone through root scope. */ -habitrpg.controller("RootCtrl", ['$scope', '$rootScope', '$location', 'User', '$http', '$state', '$stateParams', 'Notification', 'Groups', 'Shared', 'Content', '$modal', '$timeout', 'ApiUrl', 'Payments','$sce','$window', - function($scope, $rootScope, $location, User, $http, $state, $stateParams, Notification, Groups, Shared, Content, $modal, $timeout, ApiUrl, Payments, $sce, $window) { +habitrpg.controller("RootCtrl", ['$scope', '$rootScope', '$location', 'User', '$http', '$state', '$stateParams', 'Notification', 'Groups', 'Shared', 'Content', '$modal', '$timeout', 'ApiUrl', 'Payments','$sce','$window','Analytics', + function($scope, $rootScope, $location, User, $http, $state, $stateParams, Notification, Groups, Shared, Content, $modal, $timeout, ApiUrl, Payments, $sce, $window, Analytics) { var user = User.user; var initSticky = _.once(function(){ @@ -15,7 +15,7 @@ habitrpg.controller("RootCtrl", ['$scope', '$rootScope', '$location', 'User', '$ $rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams){ - if (!!fromState.name) window.ga && ga('send', 'pageview', {page: '/#/'+toState.name}); + if (!!fromState.name) Analytics.track({'hitType':'pageview','eventCategory':'navigation','eventAction':'navigate','page':'/#/'+toState.name}); // clear inbox when entering or exiting inbox tab if (fromState.name=='options.social.inbox' || toState.name=='options.social.inbox') { User.user.ops.update && User.set({'inbox.newMessages':0}); @@ -126,7 +126,7 @@ habitrpg.controller("RootCtrl", ['$scope', '$rootScope', '$location', 'User', '$ // Otherwise use the proper $modal.open $rootScope.openModal = function(template, options){//controller, scope, keyboard, backdrop){ if (!options) options = {}; - if (options.track) window.ga && ga('send', 'event', 'button', 'click', options.track); + if (options.track) Analytics.track(_.merge(options.track,{'hitType':'event','eventCategory':'button','eventAction':'click'})); if(template === 'newStuff') return forceLoadBailey(template, options); return $modal.open({ templateUrl: 'modals/' + template + '.html', diff --git a/website/public/js/controllers/tasksCtrl.js b/website/public/js/controllers/tasksCtrl.js index 9f0b031e01..58a992c56d 100644 --- a/website/public/js/controllers/tasksCtrl.js +++ b/website/public/js/controllers/tasksCtrl.js @@ -1,7 +1,7 @@ "use strict"; -habitrpg.controller("TasksCtrl", ['$scope', '$rootScope', '$location', 'User','Notification', '$http', 'ApiUrl', '$timeout', 'Shared', 'Guide', 'Tasks', - function($scope, $rootScope, $location, User, Notification, $http, ApiUrl, $timeout, Shared, Guide, Tasks) { +habitrpg.controller("TasksCtrl", ['$scope', '$rootScope', '$location', 'User','Notification', '$http', 'ApiUrl', '$timeout', 'Shared', 'Guide', 'Tasks', 'Analytics', + function($scope, $rootScope, $location, User, Notification, $http, ApiUrl, $timeout, Shared, Guide, Tasks, Analytics) { $scope.obj = User.user; // used for task-lists $scope.user = User.user; @@ -25,8 +25,8 @@ habitrpg.controller("TasksCtrl", ['$scope', '$rootScope', '$location', 'User','N else if (direction === 'up') $rootScope.playSound('Plus_Habit'); } User.user.ops.score({params:{id: task.id, direction:direction}}); - mixpanel.register({'Gold':Math.floor(User.user.stats.gp),'Health':Math.ceil(User.user.stats.hp),'Experience':Math.floor(User.user.stats.exp),'Level':User.user.stats.lvl,'Mana':Math.floor(User.user.stats.mp),'Class':User.user.stats.class,'subscription':User.user.purchased.plan.planId,'contributorLevel':User.user.contributor.level,'UUID':User.user._id}); - mixpanel.track('Score Task',{'taskType':task.type,'direction':direction}); + Analytics.updateUser(); + Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'score task','taskType':task.type,'direction':direction}); }; function addTask(addTo, listDef, task) { diff --git a/website/public/js/services/guideServices.js b/website/public/js/services/guideServices.js index 5ba95de2e0..c387414fed 100644 --- a/website/public/js/services/guideServices.js +++ b/website/public/js/services/guideServices.js @@ -5,8 +5,8 @@ */ angular.module('habitrpg').factory('Guide', -['$rootScope', 'User', '$timeout', '$state', -function($rootScope, User, $timeout, $state) { +['$rootScope', 'User', '$timeout', '$state', 'Analytics', +function($rootScope, User, $timeout, $state, Analytics) { var chapters = { intro: [ @@ -184,14 +184,13 @@ function($rootScope, User, $timeout, $state) { $state.go(step.state); return $timeout(function(){}); } - window.ga && ga('send', 'event', 'behavior', 'tour', k, i+1); - mixpanel.track('Tutorial',{'tour':k+'-web','step':i+1,'complete':false}); + Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'tutorial','eventLabel':k+'-web','eventValue':i+1,'complete':false}) } step.onHide = function(){ if (step.final) { // -2 indicates complete var ups={};ups['flags.tour.'+k] = -2; User.set(ups); - mixpanel.track('Tutorial',{'tour':k+'-web','step':i+1,'complete':true}); + Analytics.track({'hitType':'event','eventCategory':'behavior','eventAction':'tutorial','eventLabel':k+'-web','eventValue':i+1,'complete':true}) } } }) diff --git a/website/public/js/static.js b/website/public/js/static.js index ae355a4b17..6494602e45 100644 --- a/website/public/js/static.js +++ b/website/public/js/static.js @@ -22,10 +22,10 @@ window.habitrpg = angular.module('habitrpg', ['chieffancypants.loadingBar', 'ui. $scope.Math = window.Math; }]) -.controller("PlansCtrl", ['$rootScope', - function($rootScope) { +.controller("PlansCtrl", ['$rootScope','Analytics', + function($rootScope,Analytics) { $rootScope.clickContact = function(){ - window.ga && ga('send', 'event', 'button', 'click', 'Contact Us (Plans)'); + Analytics.track({'hitType':'event','eventCategory':'button','eventAction':'click','eventLabel':'Contact Us (Plans)'}) } } ]) diff --git a/website/views/index.jade b/website/views/index.jade index 52d464c1b0..504449ecc3 100644 --- a/website/views/index.jade +++ b/website/views/index.jade @@ -21,11 +21,6 @@ html(ng-app="habitrpg", ng-controller="RootCtrl", ng-class='{"applying-action":a script(type='text/javascript'). window.env = !{JSON.stringify(env)}; - script(type='text/javascript'). - (function(f,b){if(!b.__SV){var a,e,i,g;window.mixpanel=b;b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" "); - for(g=0;g