Merge pull request #91 from web-animations/analytics

analytics support for demos

Author: alancutter

index.html

@@ -410,23 +410,25 @@ <h3>{{demo.name}}</h3>
   },
   hashchange: function() {
     var hash = window.location.hash;
+    var demo = null;
     if (hash) {
       for (var i = 0; i < this.model.length; i++) {
-        var demo = this.model[i];
-        if (demo.hash == hash) {
-          this.selected = demo;
-          this.selectedHash = demo.hash;
-          this.iframeURL = demo.path;
-          this.setTitle(demo);
-          return;
+        if (this.model[i].hash == hash) {
+          demo = this.model[i];
+          break;
         }
       }
     }
 
-    this.selected = null;
-    this.selectedHash = '';
-    this.iframeUrl = '';
-    this.setTitle(null);
+    if (this.selected != demo && window.ga) {
+      ga('set', 'page', window.location.pathname + window.location.hash);
+      ga('send', 'pageview');
+    }
+
+    this.selected = demo;
+    this.selectedHash = demo ? demo.hash: '';
+    this.iframeURL = demo ? demo.path : '';
+    this.setTitle(demo);
   },
   setTitle: function(demo) {
     if (demo) {
@@ -473,5 +475,13 @@ <h3>{{demo.name}}</h3>
 
 document.querySelector('web-animations-demos').model = demos;
 </script>
+<script>
+  (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','https://www.google-analytics.com/analytics.js','ga');
+  ga('create', 'UA-82759618-1', 'auto');
+  ga('send', 'pageview');
+</script>
 </body>
 </html>