Add a histogram for tracking web store promo

chrome/browser/resources/ntp/apps.js

 // Copyright (c) 2010 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.
 
 var MAX_APPS_PER_ROW = [];
 MAX_APPS_PER_ROW[LayoutMode.SMALL] = 4;
 MAX_APPS_PER_ROW[LayoutMode.NORMAL] = 6;
 
 function getAppsCallback(data) {
   logEvent('received apps');
   var appsSection = $('apps');
   var appsSectionContent = $('apps-content');
   var appsMiniview = appsSection.getElementsByClassName('miniview')[0];
   var appsPromo = $('apps-promo');
   var webStoreEntry;
 
   appsMiniview.textContent = '';
   appsSectionContent.textContent = '';
 
   data.apps.sort(function(a,b) {
-    return a.app_launch_index - b.app_launch_index
+    return a.app_launch_index - b.app_launch_index;
   });
 
   clearClosedMenu(apps.menu);
   if (data.apps.length == 0 && !data.showLauncher) {
     appsSection.classList.add('disabled');
     layoutSections();
   } else {
     data.apps.forEach(function(app) {
       appsSectionContent.appendChild(apps.createElement(app));
     });
@@ skipping 85 matching lines @@
       top = rect.top + ((rect.height - width) >> 1);  // Integer divide by 2.
       if (getComputedStyle(element).direction == 'rtl')
         left = rect.left + rect.width - width;
       else
         left = rect.left;
     }
 
     chrome.send('launchApp', [appId,
                               String(left), String(top),
                               String(width), String(height)]);
+
+    chrome.send('recordAppLaunch', [appId]);

[Aaron Boodman, 2010/11/10 20:38:00]

It seems it would be safer to send 'recordAppLaunch' first. The way it is, I
worry about 'recordAppLaunch' getting dropped since 'launchApp' results in
navigating the tab.

+  }
+
+  function recordAppLaunch(e) {
+    var appId = e.currentTarget.getAttribute('app-id');
+    chrome.send('recordAppLaunch', [appId]);
   }
 
   /**
    * @this {!HTMLAnchorElement}
    */
   function handleClick(e) {
     var appId = e.currentTarget.getAttribute('app-id');
     launchApp(appId);
     return false;
   }
@@ skipping 88 matching lines @@
   return {
     loaded: false,
 
     menu: $('apps-menu'),
 
     createElement: function(app) {
       var div = createElement(app);
       var a = div.firstChild;
 
       a.onclick = handleClick;
+      a.onmousedown = handleIfMiddleClick(recordAppLaunch);
       a.style.backgroundImage = url(app['icon_big']);
       if (hashParams['app-id'] == app['id']) {
         div.setAttribute('new', 'new');
         // Delay changing the attribute a bit to let the page settle down a bit.
         setTimeout(function() {
           // Make sure the new icon is scrolled into view.
           document.body.scrollTop = document.body.scrollHeight;
 
           // This will trigger the 'bounce' animation defined in apps.css.
           div.setAttribute('new', 'installed');
@@ skipping 19 matching lines @@
     },
 
     createMiniviewElement: function(app) {
       var span = document.createElement('span');
       var a = span.appendChild(document.createElement('a'));
 
       a.setAttribute('app-id', app['id']);
       a.textContent = app['name'];
       a.href = app['launch_url'];
       a.onclick = handleClick;
+      a.onmousedown = handleIfMiddleClick(recordAppLaunch);
       a.style.backgroundImage = url(app['icon_small']);
       a.className = 'item';
       span.appendChild(a);
 
       addContextMenu(span, app);
 
       return span;
     },
 
     createClosedMenuElement: function(app) {
       var a = document.createElement('a');
       a.setAttribute('app-id', app['id']);
       a.textContent = app['name'];
       a.href = app['launch_url'];
       a.onclick = handleClick;
+      a.onmousedown = handleIfMiddleClick(recordAppLaunch);
       a.style.backgroundImage = url(app['icon_small']);
       a.className = 'item';
       return a;
     },
 
     createWebStoreElement: function() {
       var elm = createElement({
         'id': 'web-store-entry',
         'name': localStrings.getString('web_store_title'),
         'launch_url': localStrings.getString('web_store_url')
       });
+      var link = elm.querySelector('a');
+      link.onclick = recordAppLaunch;
+      link.onmousedown = handleIfMiddleClick(recordAppLaunch);
       elm.setAttribute('app-id', 'web-store-entry');
       return elm;
     }
   };
 })();