.

src/components/home.component.pug

@@ -141,11 +141,3 @@
                 li Simultaneous #[strong multi-pane input]
                 li Optional PuTTY style #[strong right-click paste] and #[strong copy on select]
                 li macOS vibrancy and Win 10 fluent background support
-
-<!-- Global site tag (gtag.js) - Google Analytics -->
-script(async, src="https://www.googletagmanager.com/gtag/js?id=UA-3278102-18")
-script.
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-  gtag('config', 'UA-3278102-18');

src/components/home.component.ts

@@ -6,6 +6,24 @@ import { faCoffee, faDownload, faSignInAlt } from '@fortawesome/free-solid-svg-i
 import { faGithub } from '@fortawesome/free-brands-svg-icons'
 import { ActivatedRoute } from '@angular/router'
 
+// TODO
+import Analytics from 'analytics'
+import googleAnalytics from '@analytics/google-analytics'
+
+
+const analytics = Analytics({
+    app: 'tabby-web',
+    plugins: [
+        googleAnalytics({
+            trackingId: 'UA-3278102-18'
+        })
+    ]
+})
+
+/* Track a page view */
+analytics.page()
+
+
 class DemoConnector {
     constructor (targetWindow: Window, private version: Version) {
         targetWindow['tabbyWebDemoDataPath'] = `${this.getDistURL()}/${version.version}/tabby-web-demo/data`