add google analytics

works with CSP and respects DNT
mozilla · Oct 25, 2023 · ba16961 · ba16961
1 parent e6b9c22
commit ba16961
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
   },
   "homepage": "https://github.com/mozilla/http-observatory-website#readme",
   "dependencies": {
+    "@mozmeao/dnt-helper": "^1.0.0",
     "bootstrap": "^4.3.1",
     "chart.js": "^2.8.0",
     "dayjs": "^1.8.15",

diff --git a/src/js/ga.js b/src/js/ga.js
@@ -0,0 +1,16 @@
+import dntEnabled from "@mozmeao/dnt-helper";
+
+if (!dntEnabled()) {
+  var gaScript = document.createElement("script");
+  gaScript.async = 1;
+  gaScript.src = "https://www.googletagmanager.com/gtag/js?id=G-0YL01S2FDK";
+  document.head.appendChild(gaScript);
+
+  window.dataLayer = window.dataLayer || [];
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+  gtag("js", new Date());
+
+  gtag("config", "G-0YL01S2FDK");
+}
diff --git a/src/js/index.js b/src/js/index.js
@@ -10,6 +10,7 @@ import constants from './constants.js';
 import statistics from './statistics.js';
 import thirdParty from './third-party/third-party.js';
 import utils from './utils.js';
+import './ga.js';
 
 window.$ = $;