We use cookies to ensure you get the best experience on our website
首页 发现 帮助
注册 登录
0ct0pu5
/
YellowLabTools
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

Add Google Analytics in production

Gaël Métais 10 年之前
父节点
20530f2cc0
当前提交
e06d7f9798
共有 10 个文件被更改，包括 65 次插入 和 12 次删除
合并视图 显示文件统计
  1. 5 2
      app/node_controllers/indexController.js
  2. 2 1
      app/node_controllers/launchTestController.js
  3. 2 1
      app/node_controllers/resultsController.js
  4. 13 0
      app/node_views/index.html
  5. 24 1
      app/node_views/launchTest.html
  6. 11 1
      app/node_views/results.html
  7. 3 3
      server.js
  8. 1 1
      server_config/server_install.sh
  9. 2 1
      server_config/settings-prod.json
  10. 2 1
      server_config/settings.json

+ 5 - 2
app/node_controllers/indexController.js
查看文件 

@@ -5,7 +5,7 @@
 
 var async   = require('async');
 
 var async   = require('async');
 
 var fs      = require ('fs');
 
 var fs      = require ('fs');
 
 
 
-var indexController = function(req, res) {
 
+var indexController = function(req, res, googleAnalyticsId) {
 
     'use strict';
 
     'use strict';
 
 
 
     async.parallel({
 
     async.parallel({
 
@@ -15,8 +15,11 @@ var indexController = function(req, res) {
 
         }
 
         }
 
 
 
     }, function(err, results) {
 
     }, function(err, results) {
 
+        var html = results.htmlTemplate;
 
+        html = html.replace('%%GA_ID%%', googleAnalyticsId);
 
+
 
         res.setHeader('Content-Type', 'text/html');
 
         res.setHeader('Content-Type', 'text/html');
 
-        res.send(results.htmlTemplate);
 
+        res.send(html);
 
     });
 
     });
 
  };
 
  };

+ 2 - 1
app/node_controllers/launchTestController.js
查看文件 

@@ -5,7 +5,7 @@
 
 var async   = require('async');
 
 var async   = require('async');
 
 var fs      = require ('fs');
 
 var fs      = require ('fs');
 
 
 
-var launchTestController = function(req, res, testQueue) {
 
+var launchTestController = function(req, res, testQueue, googleAnalyticsId) {
 
     'use strict';
 
     'use strict';
 
 
 
     // Generate test id
 
     // Generate test id
 
@@ -34,6 +34,7 @@ var launchTestController = function(req, res, testQueue) {
 
 
 
             html = html.replace('%%TEST_URL%%', url);
 
             html = html.replace('%%TEST_URL%%', url);
 
             html = html.replace('%%TEST_ID%%', testId);
 
             html = html.replace('%%TEST_ID%%', testId);
 
+            html = html.replace('%%GA_ID%%', googleAnalyticsId);
 
 
 
             res.setHeader('Content-Type', 'text/html');
 
             res.setHeader('Content-Type', 'text/html');
 
             res.send(html);
 
             res.send(html);

+ 2 - 1
app/node_controllers/resultsController.js
查看文件 

@@ -5,7 +5,7 @@
 
 var async   = require('async');
 
 var async   = require('async');
 
 var fs      = require ('fs');
 
 var fs      = require ('fs');
 
 
 
-var resultsController = function(req, res) {
 
+var resultsController = function(req, res, googleAnalyticsId) {
 
     'use strict';
 
     'use strict';
 
 
 
     var testId = req.params.testId;
 
     var testId = req.params.testId;
 
@@ -37,6 +37,7 @@ var resultsController = function(req, res) {
 
         var html = results.htmlTemplate;
 
         var html = results.htmlTemplate;
 
         html = html.replace('%%METADATA%%', results.phantomasMetadata);
 
         html = html.replace('%%METADATA%%', results.phantomasMetadata);
 
         html = html.replace('%%RESULTS%%', results.phantomasResults);
 
         html = html.replace('%%RESULTS%%', results.phantomasResults);
 
+        html = html.replace('%%GA_ID%%', googleAnalyticsId);
 
 
 
         res.setHeader('Content-Type', 'text/html');
 
         res.setHeader('Content-Type', 'text/html');
 
         res.send(html);
 
         res.send(html);

+ 13 - 0
app/node_views/index.html
查看文件 

@@ -17,5 +17,18 @@
 
     <div class="footer">
 
     <div class="footer">
 
         <p><b>Yellow Lab Tools</b> is an open source project by <a href="http://www.gaelmetais.com" target="_blank">Gaël Métais</a>, based on <a href="https://github.com/macbre/phantomas" target="_blank">Phantomas</a>.<br>If you like it, <a href="https://github.com/gmetais/YellowLabTools" target="_blank" class="star">give it a <span>&#9733;</span> on GitHub</a>!</p>
 
         <p><b>Yellow Lab Tools</b> is an open source project by <a href="http://www.gaelmetais.com" target="_blank">Gaël Métais</a>, based on <a href="https://github.com/macbre/phantomas" target="_blank">Phantomas</a>.<br>If you like it, <a href="https://github.com/gmetais/YellowLabTools" target="_blank" class="star">give it a <span>&#9733;</span> on GitHub</a>!</p>
 
     </div>
 
     </div>
 
+
 
+    <script>
 
+        var GA_ID = '%%GA_ID%%';
 
+        if (GA_ID.length > 0 && window.location.host === 'yellowlab.tools') {
 
+            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
+            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
+            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
+            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
+
 
+            ga('create', GA_ID, 'auto');
 
+            ga('send', 'pageview');
 
+        }
 
+    </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 24 - 1
app/node_views/launchTest.html
查看文件 

@@ -1,7 +1,7 @@
 
 <html>
 
 <html>
 
 <head>
 
 <head>
 
     <meta charset="utf-8"> 
     <meta charset="utf-8"> 
-    <title>Javascript Spaghetti Profiler</title>
 
+    <title>Yellow Lab Tools - Awaiting</title>
 
     <link rel="stylesheet" type="text/css" href="/public/styles/main.css">
 
     <link rel="stylesheet" type="text/css" href="/public/styles/main.css">
 
     <link rel="stylesheet" type="text/css" href="/public/styles/launchTest.css">
 
     <link rel="stylesheet" type="text/css" href="/public/styles/launchTest.css">
 
     <script src="/socket.io/socket.io.js"></script>
 
     <script src="/socket.io/socket.io.js"></script>
 
@@ -32,6 +32,7 @@
 
             } else {
 
             } else {
 
                 statusElement.innerHTML = 'Waiting behind ' + (position) + ' other tests';
 
                 statusElement.innerHTML = 'Waiting behind ' + (position) + ' other tests';
 
             }
 
             }
 
+            sendPositionInQueueToGA(position);
 
         });
 
         });
 
 
 
         socket.on('complete', function() {
 
         socket.on('complete', function() {
 
@@ -49,6 +50,28 @@
 
         });
 
         });
 
 
 
         askStatus();
 
         askStatus();
 
+
 
+
 
+        var GA_ID = '%%GA_ID%%';
 
+        if (GA_ID.length > 0 && window.location.host === 'yellowlab.tools') {
 
+            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
+            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
+            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
+            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
+
 
+            ga('create', GA_ID, 'auto');
 
+        }
 
+
 
+        // Need stats on average queue position
 
+        var positionAlreadySent = false;
 
+        function sendPositionInQueueToGA(position) {
 
+            if (!positionAlreadySent && GA_ID.length > 0 && window.location.host === 'yellowlab.tools') {
 
+                ga('send', 'pageview', {
 
+                    queuePosition: position
 
+                });
 
+                positionAlreadySent = true;
 
+            }
 
+        }
 
     </script>
 
     </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 11 - 1
app/node_views/results.html
查看文件 

@@ -1,7 +1,7 @@
 
 <html>
 
 <html>
 
 <head>
 
 <head>
 
     <meta charset="utf-8"> 
     <meta charset="utf-8"> 
-    <title>Javascript Spaghetti Profiler</title>
 
+    <title>Yellow Lab Tools - Results page</title>
 
     <link rel="stylesheet" type="text/css" href="/public/styles/main.css">
 
     <link rel="stylesheet" type="text/css" href="/public/styles/main.css">
 
     <link rel="stylesheet" type="text/css" href="/public/styles/results.css">
 
     <link rel="stylesheet" type="text/css" href="/public/styles/results.css">
 
     <script src="/bower_components/angular/angular.min.js"></script>
 
     <script src="/bower_components/angular/angular.min.js"></script>
 
@@ -275,6 +275,16 @@
 
 
 
         var _phantomas_metadata = %%METADATA%%;
 
         var _phantomas_metadata = %%METADATA%%;
 
 
 
+        var GA_ID = '%%GA_ID%%';
 
+        if (GA_ID.length > 0 && window.location.host === 'yellowlab.tools') {
 
+            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
+            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
+            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
+            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
+
 
+            ga('create', GA_ID, 'auto');
 
+            ga('send', 'pageview');
 
+        }
 
     </script>
 
     </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 3 - 3
server.js
查看文件 

@@ -32,9 +32,9 @@ app.all('*', function(req, res, next) {
 
 });
 
 });
 
 
 
 // Routes definition
 
 // Routes definition
 
-app.get('/',                    indexController);
 
-app.post('/launchTest',         function(req, res) { launchTestController(req, res, testQueue); });
 
-app.get('/results/:testId',     resultsController);
 
+app.get('/',                    function(req, res) { indexController(req, res, settings.googleAnalyticsId); });
 
+app.post('/launchTest',         function(req, res) { launchTestController(req, res, testQueue, settings.googleAnalyticsId); });
 
+app.get('/results/:testId',     function(req, res) { resultsController(req, res, settings.googleAnalyticsId); });
 
 
 
 
 
 // Static files
 
 // Static files

+ 1 - 1
server_config/server_install.sh
查看文件 

@@ -2,7 +2,7 @@
 
 
 
 # APT-GET
 
 # APT-GET
 
 sudo apt-get update
 
 sudo apt-get update
 
-sudo apt-get install lsb-release -y --force-yes
 
+sudo apt-get install lsb-release libfontconfig1 libfreetype6 -y --force-yes
 
 sudo apt-get install curl git python-software-properties -y --force-yes
 
 sudo apt-get install curl git python-software-properties -y --force-yes
 
 
 
 # Installation of NodeJS
 
 # Installation of NodeJS

+ 2 - 1
server_config/settings-prod.json
查看文件 

@@ -1,3 +1,4 @@
 
 {
 
 {
 
-    "serverPort": 80
 
+    "serverPort": 80,
 
+    "googleAnalyticsId": "UA-54493828-1"
 
 }
 
 }

+ 2 - 1
server_config/settings.json
查看文件 

@@ -1,3 +1,4 @@
 
 {
 
 {
 
-    "serverPort": 8383
 
+    "serverPort": 8383,
 
+    "googleAnalyticsId": ""
 
 }
 
 }

Contact | Legal | Takedown | Status
Self-hosted public services - About
NibbleSpot by 0ct0pu5