[NTP4] Experiment for adding Chrome Web Store link to footer.

chrome/browser/resources/ntp4/new_tab.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.
 
 /**
  * @fileoverview New tab page
  * This is the main code for the new tab page used by touch-enabled Chrome
  * browsers.  For now this is still a prototype.
  */
 
@@ skipping 95 matching lines @@
         'webkitTransitionEnd', onNotificationTransitionEnd);
 
     cr.ui.decorate($('recently-closed-menu-button'), ntp4.RecentMenuButton);
     chrome.send('getRecentlyClosedTabs');
 
     newTabView.appendTilePage(new ntp4.MostVisitedPage(),
                               localStrings.getString('mostvisited'),
                               false);
     chrome.send('getMostVisited');
 
+    if (templateData.isWebStoreExperimentEnabled) {
+      var webstoreLink = localStrings.getString('webStoreLink');
+      var url = appendParam(webstoreLink, 'utm_source', 'chrome-ntp-launcher');
+      $('chrome-web-store-href').href = url;
+
+      $('chrome-web-store-href').addEventListener('click',
+          onChromeWebStoreButtonClick);
+
+      $('footer-content').classList.add('enable-cws-experiment');
+    }
+
     if (localStrings.getString('login_status_message')) {
       loginBubble = new cr.ui.Bubble;
       loginBubble.anchorNode = $('login-container');
       loginBubble.setArrowLocation(cr.ui.ArrowLocation.TOP_END);
       loginBubble.bubbleAlignment =
           cr.ui.BubbleAlignment.BUBBLE_EDGE_TO_ANCHOR_EDGE;
       loginBubble.deactivateToDismissDelay = 2000;
       loginBubble.setCloseButtonVisible(false);
 
       $('login-status-learn-more').href =
@@ skipping 40 matching lines @@
     var loginContainer = getRequiredElement('login-container');
     loginContainer.addEventListener('click', function() {
       var rect = loginContainer.getBoundingClientRect();
       chrome.send('showSyncLoginUI',
                   [rect.left, rect.top, rect.width, rect.height]);
     });
     chrome.send('initializeSyncLogin');
   }
 
   /**
+   * Launches the chrome web store app with the chrome-ntp-launcher
+   * source.
+   * @param {Event} e The click event.
+   */
+  function onChromeWebStoreButtonClick(e) {
+    chrome.send('recordAppLaunchByURL',
+                [encodeURIComponent(this.href),
+                 ntp4.APP_LAUNCH.NTP_WEBSTORE_FOOTER]);
+  }
+
+  /**
    * Fills in an invisible div with the 'Most Visited' string so that
    * its length may be measured and the nav dots sized accordingly.
    */
   function measureNavDots() {
     var measuringDiv = $('fontMeasuringDiv');
     measuringDiv.textContent = localStrings.getString('mostvisited');
     var pxWidth = Math.max(measuringDiv.clientWidth * 1.15, 80);
 
     var styleElement = document.createElement('style');
     styleElement.type = 'text/css';
@@ skipping 239 matching lines @@
 // TODO(estade): update the content handlers to use ntp namespace instead of
 // making these global.
 var getAppsCallback = ntp4.getAppsCallback;
 var appsPrefChangeCallback = ntp4.appsPrefChangeCallback;
 var themeChanged = ntp4.themeChanged;
 var recentlyClosedTabs = ntp4.setRecentlyClosedTabs;
 var setMostVisitedPages = ntp4.setMostVisitedPages;
 var updateLogin = ntp4.updateLogin;
 
 document.addEventListener('DOMContentLoaded', ntp4.onLoad);