Added Google Analytics for feedback tracking.

Author: christinatruong

index.html

@@ -2043,5 +2043,58 @@ <h1>Thank you!</h1>
     $.deck('.slide');
   });
 </script>
+
+<script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-246174-1']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+
+  function trackQuality(feedback){
+
+    //the higher the value over time,
+    //the more the page should be tweaked since it's not understandable
+    var feedbackValue;
+    switch(feedback) {
+      case 'no':
+        feedbackValue = 2;
+        break;
+      case 'sortof':
+        feedbackValue = 1;
+        break;
+      default:
+        feedbackValue = 0;
+    }
+
+    if (_gaq) {
+      _gaq.push(['_trackEvent', "LLC HTML/CSS (Ottawa)", feedback, returnDocumentName(), feedbackValue, true]);
+      var feedbackDiv = document.getElementById('page_feedback');
+      feedbackDiv.innerHTML = "Thanks!";
+    }else{
+      console.log('_gaq is not defined');
+    }
+  }
+
+  function returnDocumentName() {
+    var fileName = document.location.href;
+    var end = (fileName.indexOf("?") == -1) ? fileName.length : fileName.indexOf("?");
+    return fileName.substring(fileName.lastIndexOf("/")+1, end);
+  }
+
+</script>
+
+<div id="page_feedback">
+  <strong>Help improve the quality of this workshop!</strong>
+  Did this page explain everything well?
+    <a href="#" onClick="trackQuality('yes');return false;" class="button">Yes</a>
+    <a href="#" onClick="trackQuality('sortof');return false;" class="button">Sort of</a>
+    <a href="#" onClick="trackQuality('no');return false;" class="button">No</a>
+</div>
 </body>
 </html>

src/css/coderdeck.css

@@ -389,4 +389,33 @@ pre.prettyprint {
   color: #888;
   font-size: 16px !important;
   font-style: italic !important;
-}
+}
+
+/* **** */
+
+#page_feedback {
+  border-top: 1px dashed rgb(223, 223, 223);
+  padding: 10px 0; 
+  text-align: center;
+  font-size: 0.9em;
+  color: #666;
+  margin-top: 60px;
+}
+
+#page_feedback div {
+  position: relative;
+  padding: 3px 10px 3px 0px;
+}
+
+#page_feedback a {
+  margin-left: 5px;
+  border: 1px solid #ccc;
+  color: #666;
+  padding: 0 10px;
+  text-decoration: none;
+}
+#page_feedback a:hover {
+  color: #B1009A;
+}
+
+/* **** */