From 496c14c8c65db401cfac34b28e34382d414fc69c Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Sat, 10 Oct 2020 01:15:35 -0400
Subject: [PATCH] meta: replace Google Analytics with react-ga

---
 package.json      |  1 +
 public/index.html | 15 ---------------
 src/index.tsx     |  6 +++++-
 3 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index 9f504c3..07ffb1e 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "react": "^17.0.0-rc.0",
     "react-dom": "^17.0.0-rc.0",
     "react-dropdown-select": "^4.4.2",
+    "react-ga": "^3.1.2",
     "react-scripts": "3.4.1",
     "react-use": "^15.3.2",
     "recoil": "^0.0.13",
diff --git a/public/index.html b/public/index.html
index c4fb387..20316b4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,21 +12,6 @@
     />
     <meta name="author" content="Tobias Fried" />
 
-    <!-- GOOGLE ANALYTICS -->
-    <script
-      async
-      src="https://www.googletagmanager.com/gtag/js?id=UA-179205759-1"
-    ></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag("js", new Date());
-
-      gtag("config", "UA-179205759-1");
-    </script>
-
     <!-- GOOGLE META -->
     <meta itemprop="name" content="Phosphor Icons" />
     <meta
diff --git a/src/index.tsx b/src/index.tsx
index cd5d75d..da72650 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,8 +1,12 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import { RecoilRoot } from "recoil";
 import * as serviceWorker from "./serviceWorker";
 import App from "./components/App/App";
-import { RecoilRoot } from "recoil";
+import ReactGA from "react-ga";
+
+ReactGA.initialize("UA-179205759-1", { titleCase: false });
+ReactGA.pageview(window.location.pathname);
 
 ReactDOM.render(
   <React.StrictMode>