optional Google Analytics tag support

x1unix · x1unix · commit ba7888e98fd7 · 2020-04-20T19:27:35.000+03:00
diff --git a/Makefile b/Makefile
@@ -3,6 +3,7 @@ UI := ./web
 TARGET := ./target
 LISTEN_ADDR := 0.0.0.0:8000
 DEBUG ?= true
+GTAG ?=	# Set GTAG to enable Google Analytics
 
 .PHONY:all
 all: build
@@ -16,5 +17,5 @@ run:
 
 .PHONY:ui
 ui:
-	@cd $(UI) && REACT_APP_LANG_SERVER=http://$(LISTEN_ADDR) REACT_APP_VERSION=testing yarn start
+	@cd $(UI) && REACT_APP_LANG_SERVER=http://$(LISTEN_ADDR) REACT_APP_GTAG=$(GTAG) REACT_APP_VERSION=testing yarn start
 
diff --git a/web/public/index.html b/web/public/index.html
@@ -5,6 +5,7 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
+    <meta name="x-gtag" content="%REACT_APP_GTAG%" />
     <meta
       name="description"
       content="Better Go Playground with syntax highlight support"
@@ -29,5 +30,22 @@
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
+    <script>
+      (function(d){
+        var e = d.querySelector('meta[name=x-gtag]');
+        if (!e || !e.content) return;
+        var s = d.createElement('script');
+        s.async = true; s.src = "https://www.googletagmanager.com/gtag/js?id=" + e.content;
+        s.onload = function() {
+          console.log('GA load done');
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', 'UA-164070125-1');
+        };
+        d.body.appendChild(s);
+      })(document)
+    </script>
   </body>
 </html>
