Sync Promo: Add more UMA metrics.

chrome/browser/resources/sync_promo.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 // TODO(sail): Refactor options_page and remove this include.
 <include src="options/options_page.js"/>
 <include src="sync_setup_overlay.js"/>
 
 cr.define('sync_promo', function() {
   /**
@@ skipping 18 matching lines @@
       CREATE_ACCOUNT_CLICKED: i++,
       SKIP_CLICKED: i++,
       SIGN_IN_ATTEMPTED: i++,
       SIGNED_IN_SUCCESSFULLY: i++,
       ADVANCED_CLICKED: i++,
       ENCRYPTION_HELP_CLICKED: i++,
       CANCELLED_AFTER_SIGN_IN: i++,
       CONFIRMED_AFTER_SIGN_IN: i++,
       CLOSED_TAB: i++,
       CLOSED_WINDOW: i++,
+      LEFT_DURING_THROBBER: i++,
     };
   }());
 
   cr.addSingletonGetter(SyncPromo);
 
   SyncPromo.prototype = {
     __proto__: options.SyncSetupOverlay.prototype,
 
     showOverlay_: function() {
       $('sync-setup-overlay').hidden = false;
@@ skipping 13 matching lines @@
       this.hideOuterLoginUI_();
       $('sync-setup-login-promo-column').hidden = false;
       $('promo-skip').hidden = false;
 
       this.showSetupUI_();
       chrome.send('SyncPromo:Initialize');
 
       var self = this;
 
       $('promo-skip-button').addEventListener('click', function() {
-        chrome.send('SyncPromo:UserFlowAction', [actions.SKIP_CLICKED]);
+        chrome.send('SyncPromo:UserSkipped');
         self.closeOverlay_();
       });
 
       var learnMoreClickedAlready = false;
       $('promo-learn-more-show').addEventListener('click', function() {
         self.showLearnMore_(true);
         if (!learnMoreClickedAlready)
           chrome.send('SyncPromo:UserFlowAction', [actions.LEARN_MORE_CLICKED]);
         learnMoreClickedAlready = true;
       });
@@ skipping 19 matching lines @@
         if (!createAccountClickedAlready)
           chrome.send('SyncPromo:UserFlowAction',
                       [actions.CREATE_ACCOUNT_CLICKED]);
         createAccountClickedAlready = true;
       });
 
       // We listen to the <form>'s submit vs. the <input type="submit"> click so
       // we also track users that use the keyboard and press enter.
       var signInAttemptedAlready = false;
       $('gaia-login-form').addEventListener('submit', function() {
+        ++self.signInAttempts_;
         if (!signInAttemptedAlready)
           chrome.send('SyncPromo:UserFlowAction', [actions.SIGN_IN_ATTEMPTED]);
         signInAttemptedAlready = true;
       });
 
       var encryptionHelpClickedAlready = false;
       $('encryption-help-link').addEventListener('click', function() {
         if (!encryptionHelpClickedAlready )
           chrome.send('SyncPromo:UserFlowAction',
                       [actions.ENCRYPTION_HELP_CLICKED]);
@@ skipping 18 matching lines @@
       this.infographic_ = $('promo-infographic');
       this.learnMore_ = $('promo-information');
 
       this.infographic_.addEventListener('webkitTransitionEnd',
                                          this.toggleHidden_.bind(this));
       this.learnMore_.addEventListener('webkitTransitionEnd',
                                        this.toggleHidden_.bind(this));
     },
 
     /**
+     * Called when the page is unloading to record number of times a user tried
+     * to sign in and if they left while a throbber was running.
+     * @private
+     */
+    recordPageViewActions_: function() {
+      chrome.send('SyncPromo:RecordSignInAttempts', [this.signInAttempts_]);
+      if (this.throbberStart_)
+        chrome.send('SyncPromo:UserFlowAction', [actions.LEFT_DURING_THROBBER]);
+    },
+
+    /**
      * Remove the [hidden] attribute from the node that was not previously
      * transitioning.
      * @param {Event} e A -webkit-transition end event.
      * @private
      */
     toggleHidden_: function(e) {
       // Only show the other element if the target of this event was hidden
       // (showing also triggers a transition end).
       if (e.target.hidden) {
         if (e.target === this.infographic_)
@@ skipping 26 matching lines @@
     },
 
     /**
      * Shows or hides the title of the promo page.
      * @param {Boolean} visible true if the title should be visible, false
      *     otherwise.
      * @private
      */
     setPromoTitleVisible_: function(visible) {
       $('promo-title').hidden = !visible;
-    }
+    },
+
+    /** @inheritDoc */
+    setThrobbersVisible_: function(visible) {
+      if (visible) {
+        this.throbberStart_ = Date.now();
+      } else {
+        if (this.throbberStart_) {
+          chrome.send('SyncPromo:RecordThrobberTime',
+                      [Date.now() - this.throbberStart_]);
+        }
+        this.throbberStart_ = 0;
+      }
+      // Pass through to SyncSetupOverlay to handle display logic.
+      options.SyncSetupOverlay.prototype.setThrobbersVisible_.apply(
+          this, arguments);
+    },
+
+    /**
+     * Number of times a user attempted to sign in to GAIA during this page
+     * view.
+     * @private
+     */
+    signInAttempts_: 0,
+
+    /**
+     * The start time of a throbber on the page.
+     * @private
+     */
+    throbberStart_: 0,
   };
 
   SyncPromo.showErrorUI = function() {
     SyncPromo.getInstance().showErrorUI_();
   };
 
   SyncPromo.showSetupUI = function() {
     SyncPromo.getInstance().showSetupUI_();
   };
 
@@ skipping 13 matching lines @@
   SyncPromo.showStopSyncingUI = function() {
     SyncPromo.getInstance().showStopSyncingUI_();
   };
 
   SyncPromo.initialize = function() {
     SyncPromo.getInstance().initializePage();
   };
 
   SyncPromo.setPromoTitleVisible = function(visible) {
     SyncPromo.getInstance().setPromoTitleVisible_(visible);
-  }
+  };
+
+  SyncPromo.recordPageViewActions = function() {
+    SyncPromo.getInstance().recordPageViewActions_();
+  };
 
   // Export
   return {
-    SyncPromo : SyncPromo
+    SyncPromo: SyncPromo
   };
 });
 
 var OptionsPage = options.OptionsPage;
 var SyncSetupOverlay = sync_promo.SyncPromo;
 window.addEventListener('DOMContentLoaded', sync_promo.SyncPromo.initialize);
+window.addEventListener('beforeunload',
+    sync_promo.SyncPromo.recordPageViewActions.bind(sync_promo.SyncPromo));