Adds the NewTabPage.SuggestedSitesAction stat.

chrome/browser/resources/ntp4/suggestions_page.js

 // Copyright (c) 2012 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.
 
 cr.define('ntp', function() {
   'use strict';
 
   var TilePage = ntp.TilePage;
 
   /**
+   * See description for these values in suggestions_page_handler.h.
+   * @enum {number}
+   */
+  var SuggestedSitesAction = {
+    CLICKED_SUGGESTED_TILE: 11,
+    CLICKED_OTHER_NTP_PANE: 12,
+    OTHER: 13
+  };
+
+  /**
    * A counter for generating unique tile IDs.
    */
   var tileID = 0;
 
   /**
    * Creates a new Suggestions page object for tiling.
    * @constructor
    * @extends {HTMLAnchorElement}
    */
   function Suggestion() {
@@ skipping 106 matching lines @@
      * @param {Event} e The click event.
      */
     handleClick_: function(e) {
       if (e.target.classList.contains('close-button')) {
         this.blacklist_();
         e.preventDefault();
       } else {
         // Records the index of this tile.
         chrome.send('metricsHandler:recordInHistogram',
                     ['NewTabPage.SuggestedSite', this.index, 8]);
+        chrome.send('suggestedSitesAction',
+                    [SuggestedSitesAction.CLICKED_SUGGESTED_TILE]);
       }
     },
 
     /**
      * Allow blacklisting suggestions site using the keyboard.
      * @param {Event} e The keydown event.
      */
     handleKeyDown_: function(e) {
       if (!cr.isMac && e.keyCode == 46 || // Del
           cr.isMac && e.metaKey && e.keyCode == 8) { // Cmd + Backspace
@@ skipping 132 matching lines @@
     return el;
   }
 
   SuggestionsPage.prototype = {
     __proto__: TilePage.prototype,
 
     initialize: function() {
       this.classList.add('suggestions-page');
       this.data_ = null;
       this.suggestionsTiles_ = this.getElementsByClassName('suggestions real');
+
+      this.addEventListener('carddeselected', this.handleCardDeselected_);
+      this.addEventListener('cardselected', this.handleCardSelected_);
     },
 
     /**
      * Create blank (filler) tiles.
      * @private
      */
     createTiles_: function() {
       for (var i = 0; i < THUMBNAIL_COUNT; i++) {
         this.appendTile(new Suggestion());
       }
     },
 
     /**
      * Update the tiles after a change to |this.data_|.
      */
     updateTiles_: function() {
       for (var i = 0; i < THUMBNAIL_COUNT; i++) {
         var page = this.data_[i];
         var tile = this.suggestionsTiles_[i];
 
         if (i >= this.data_.length)
           tile.reset();
         else
           tile.updateForData(page);
       }
     },
 
     /**
+     * Handles the 'card deselected' event (i.e. the user clicked to another
+     * pane).
+     * @param {Event} e The CardChanged event.
+     */
+    handleCardDeselected_: function(e) {
+      chrome.send('suggestedSitesAction',
+                  [SuggestedSitesAction.CLICKED_OTHER_NTP_PANE]);
+    },
+
+    /**
+     * Handles the 'card selected' event (i.e. the user clicked to select the
+     * Suggested pane).
+     * @param {Event} e The CardChanged event.
+     */
+    handleCardSelected_: function(e) {
+      chrome.send('suggestedSitesSelected');
+    },
+
+    /**
      * Array of suggestions data objects.
      * @type {Array}
      */
     get data() {
       return this.data_;
     },
     set data(data) {
       var startTime = Date.now();
 
       // The first time data is set, create the tiles.
@@ skipping 87 matching lines @@
     }
 
     return oldData;
   }
 
   return {
     SuggestionsPage: SuggestionsPage,
     refreshData: refreshData,
   };
 });