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;
 
+// The URL prefix used in the app link 'ping' attributes.
+var PING_APP_LAUNCH_PREFIX = 'record-app-launch';
+
+// The URL prefix used in the webstore link 'ping' attributes.
+var PING_WEBSTORE_LAUNCH_PREFIX = 'record-webstore-launch';
+
 function getAppsCallback(data) {
   logEvent('received apps');
   var appsSection = $('apps');
   var appsSectionContent = $('apps-content');
   var appsMiniview = appsSection.getElementsByClassName('miniview')[0];
   var appsPromo = $('apps-promo');
+  var appsPromoPing = PING_WEBSTORE_LAUNCH_PREFIX + '+' + data.showPromo;
   var webStoreEntry;
 
   appsMiniview.textContent = '';
   appsSectionContent.textContent = '';
 
+  apps.setPromoActive(data.showPromo);
+
   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));
     });
 
     webStoreEntry = apps.createWebStoreElement();
+    webStoreEntry.querySelector('a').setAttribute('ping', appsPromoPing);
     appsSectionContent.appendChild(webStoreEntry);
 
     data.apps.slice(0, MAX_MINIVIEW_ITEMS).forEach(function(app) {
       appsMiniview.appendChild(apps.createMiniviewElement(app));
       addClosedMenuEntryWithLink(apps.menu, apps.createClosedMenuElement(app));
     });
 
     if (!(shownSections & MINIMIZED_APPS)) {
       appsSection.classList.remove('disabled');
     }
   }
   addClosedMenuFooter(apps.menu, 'apps', MINIMIZED_APPS, Section.APPS);
 
   apps.loaded = true;
   if (data.showPromo)
     document.documentElement.classList.add('apps-promo-visible');
   else
     document.documentElement.classList.remove('apps-promo-visible');
+  $('apps-promo-link').setAttribute('ping', appsPromoPing);
   maybeDoneLoading();
 
   if (data.apps.length > 0 && isDoneLoading()) {
     if (!data.showPromo && data.apps.length >= MAX_APPS_PER_ROW[layoutMode])
       webStoreEntry.classList.add('loner');
     else
       webStoreEntry.classList.remove('loner');
 
     updateMiniviewClipping(appsMiniview);
     layoutSections();
@@ skipping 81 matching lines @@
   };
 
   // Keep in sync with LaunchContainer in extension.h
   var LaunchContainer = {
     LAUNCH_WINDOW: 0,
     LAUNCH_PANEL: 1,
     LAUNCH_TAB: 2
   };
 
   var currentApp;
+  var promoActive;
 
   function addContextMenu(el, app) {
     el.addEventListener('contextmenu', cr.ui.contextMenuHandler);
     el.addEventListener('keydown', cr.ui.contextMenuHandler);
     el.addEventListener('keyup', cr.ui.contextMenuHandler);
 
     Object.defineProperty(el, 'contextMenu', {
       get: function() {
         currentApp = app;
 
@@ skipping 57 matching lines @@
         e.canExecute = true;
         break;
     }
   });
 
   return {
     loaded: false,
 
     menu: $('apps-menu'),
 
+    setPromoActive: function(isPromoActive) {

[Aaron Boodman, 2010/11/12 00:29:20]

Nit: I think the setter is overkill here. You can just make it a data field,
like 'loaded' above.

+      promoActive = isPromoActive;
+    },
+
     createElement: function(app) {
       var div = createElement(app);
       var a = div.firstChild;
 
       a.onclick = handleClick;
+      a.setAttribute('ping', PING_APP_LAUNCH_PREFIX + '+' + promoActive);
       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.setAttribute('ping', PING_APP_LAUNCH_PREFIX + '+' + promoActive);
       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.setAttribute('ping', PING_APP_LAUNCH_PREFIX + '+' + promoActive);
       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')
       });
       elm.setAttribute('app-id', 'web-store-entry');
       return elm;
     }
   };
 })();