🐛 Fixed Analytics

Added siteSpeedSampleRate to send 100% of hits.
TheRoro · Jan 17, 2021 · 603e6d3 · 603e6d3
1 parent 399b56a
commit 603e6d3
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 13 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -7,7 +7,7 @@ import SearchMove from './Components/Search-Move/SearchMove';
 import TeamBuilder from './Components/TeamBuilder/TeamBuilder';
 import OlderVersions from './Components/Older-Versions/OlderVersions';
 import './Assets/TypeColors.css';
-import ReactGa from 'react-ga';
+import ReactGA from 'react-ga';
 import {
   BrowserRouter as Router,
   Switch,
@@ -18,10 +18,17 @@ import {
 function App() {
 
   useEffect(() => {
-    ReactGa.initialize('G-S0XVNHX873')
+    ReactGA.initialize('G-S0XVNHX873', {
+      testMode: false,
+      debug: true,
+      titleCase: false,
+      gaOptions: {
+        siteSpeedSampleRate: 100
+      }
+    });
 
     //to report page view
-    ReactGa.pageview(window.location.pathname + window.location.search); 
+    ReactGA.pageview(window.location.pathname + window.location.search); 
   }, [])
 
   return (

diff --git a/src/Components/Home/HomeComponent.tsx b/src/Components/Home/HomeComponent.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Quotes from './Quotes';
 import { useHistory } from "react-router-dom";
-import ReactGa from 'react-ga';
+import ReactGA from 'react-ga';
 import {
   Title,
   Text,
@@ -18,7 +18,7 @@ const Home: React.FC<{}> = () => {
     var max = Quotes.length;
     var rand =  Math.floor(Math.random() * Math.floor(max));
     const clickHandler = () => {
-      ReactGa.event({
+      ReactGA.event({
         category: 'Button',
         action: 'Older Versions'
       })

diff --git a/src/Components/Navbar/Navbar/Navbar.tsx b/src/Components/Navbar/Navbar/Navbar.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { useHistory } from "react-router-dom";
-import ReactGa from 'react-ga';
+import ReactGA from 'react-ga';
 import {FaBars} from 'react-icons/fa';
 import { 
     Nav, 
@@ -23,23 +23,23 @@ const Navbar: React.FC<Props> = ({
     const clickHandler = (value: string) => {
         switch(value) { 
             case 'search': { 
-                ReactGa.event({
+                ReactGA.event({
                     category: 'Button',
                     action: 'Search Pokemon'
                   })
                 history.push(`/search`);
                 break; 
             } 
             case 'move': { 
-                ReactGa.event({
+                ReactGA.event({
                     category: 'Button',
                     action: 'Search Move'
                   })
                 history.push(`/move`);
                 break; 
             } 
             default: { 
-                ReactGa.event({
+                ReactGA.event({
                     category: 'Button',
                     action: 'Type Calculator'
                   })

diff --git a/src/Components/Navbar/Sidebar/Sidebar.tsx b/src/Components/Navbar/Sidebar/Sidebar.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { useHistory } from "react-router-dom";
-import ReactGa from 'react-ga';
+import ReactGA from 'react-ga';
 import { 
     SidebarContainer, 
     Icon, 
@@ -24,23 +24,23 @@ const SideBar: React.FC<Props> = ({
         toggle();
         switch(value) { 
             case 'search': { 
-                ReactGa.event({
+                ReactGA.event({
                     category: 'Button',
                     action: 'Search Pokemon'
                   })
                 history.push(`/search`);
                 break; 
             } 
             case 'move': { 
-                ReactGa.event({
+                ReactGA.event({
                     category: 'Button',
                     action: 'Search Move'
                   })
                 history.push(`/move`);
                 break; 
             } 
             default: { 
-                ReactGa.event({
+                ReactGA.event({
                     category: 'Button',
                     action: 'Type Calculator'
                   })