Migrate to gtag.js

cache.appcache

@@ -3,7 +3,7 @@ CACHE MANIFEST
 # Adds the ability to play the game offline.
 # The following comment needs to be updated whenever a change is made.
 # Run `rake appcache:update` to do so
-# Updated: 2018-10-27T21:30:00+02:00
+# Updated: 2018-11-04T11:11:51+01:00
 
 # Main page
 index.html

index.html

@@ -4,6 +4,15 @@
   <meta charset="utf-8">
   <title>2048</title>
 
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-42620757-2"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag("js", new Date());
+
+    gtag("config", "UA-42620757-2");
+  </script>
+
   <link href="style/main.css" rel="stylesheet" type="text/css">
   <link rel="shortcut icon" href="favicon.ico">
   <link rel="apple-touch-icon" href="meta/apple-touch-icon.png">
@@ -171,15 +180,5 @@
   <script src="js/local_storage_manager.js"></script>
   <script src="js/game_manager.js"></script>
   <script src="js/application.js"></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","//www.google-analytics.com/analytics.js","ga");
-
-    ga("create", "UA-42620757-2", "gabrielecirulli.github.io");
-    ga("send", "pageview");
-  </script>
 </body>
 </html>

js/application.js

@@ -12,7 +12,11 @@ window.requestAnimationFrame(function () {
     noticeClose.addEventListener("click", function () {
       notice.parentNode.removeChild(notice);
       storage.setNoticeClosed(true);
-      ga("send", "event", "notice", "closed");
+      if (typeof gtag !== undefined){
+        gtag("event", "closed", {
+          event_category: "notice",
+        });
+      }
     });
   }
 });

js/html_actuator.js

@@ -38,8 +38,10 @@ HTMLActuator.prototype.actuate = function (grid, metadata) {
 
 // Continues the game (both restart and keep playing)
 HTMLActuator.prototype.continueGame = function () {
-  if (typeof ga !== "undefined") {
-    ga("send", "event", "game", "restart");
+  if (typeof gtag !== "undefined") {
+    gtag("event", "restart", {
+      event_category: "game",
+    });
   }
 
   this.clearMessage();
@@ -133,8 +135,12 @@ HTMLActuator.prototype.message = function (won) {
   var type    = won ? "game-won" : "game-over";
   var message = won ? "You win!" : "Game over!";
 
-  if (typeof ga !== "undefined") {
-    ga("send", "event", "game", "end", type, this.score);
+  if (typeof gtag !== "undefined") {
+    gtag("event", "end", {
+      event_category: "game",
+      event_label: type,
+      value: this.score,
+    });
   }
 
   this.messageContainer.classList.add(type);

privacy.html

@@ -5,6 +5,15 @@
   <meta charset="utf-8">
   <title>Privacy Policy — 2048</title>
 
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-42620757-2"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag("js", new Date());
+
+    gtag("config", "UA-42620757-2");
+  </script>
+
   <link href="style/main.css" rel="stylesheet" type="text/css">
   <link rel="shortcut icon" href="favicon.ico">
   <link rel="apple-touch-icon" href="meta/apple-touch-icon.png">
@@ -102,18 +111,6 @@
       <a href="mailto:me@gabrielecirulli.com">me@gabrielecirulli.com</a>
     </p>
   </div>
-
-  <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", "//www.google-analytics.com/analytics.js", "ga");
-
-    ga("create", "UA-42620757-2", "gabrielecirulli.github.io");
-    ga("send", "pageview");
-  </script>
 </body>
 
 </html>