pageview on homepage analytics

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "private": true,
   "dependencies": {
     "@faceless-ui/slider": "^1.1.14",

frontend/src/App.js

@@ -7,7 +7,7 @@ import Loader from './components/shared/Loader';
 import ScrollToTop from './components/root/ScrollToTop';
 
 import ReactGA from 'react-ga';
-import usePageTracking from './hooks/usePageTracking';
+//import usePageTracking from './hooks/usePageTracking';
 
 const Home = lazy(() => import('./pages/Home'));
 const Portfolio = lazy(() => import('./pages/Portfolio'));
@@ -60,6 +60,9 @@ const links = [
   },
 ];
 
+//analytics
+ReactGA.initialize(process.env.GOOGLE_TRACKING_ID);
+
 function App() {
   //tabs for contact form
   const [tab, setTab] = useState(true);
@@ -70,7 +73,7 @@ function App() {
   const forwardedRef = useRef(null);
 
   //initialize analytics page tracking
-  usePageTracking();
+  //usePageTracking();
 
   //scroll to Contact fn
   function scrollToView(event) {

frontend/src/pages/Home.jsx

@@ -7,6 +7,7 @@ import WhyUsCard from '../components/WhyUsCard';
 import HiringWidget from '../components/HiringWidget';
 
 import Animation_Diligent from '../assets/animation_diligent.webm';
+import ReactGA from 'react-ga';
 
 import '../styles/buttons.css';
 import '../styles/cards.css';
@@ -49,6 +50,7 @@ export default function Home({scrollToView, forwardedRef}) {
   //set Tab Title
   useEffect(() => {
     document.title = 'Diligent Software';
+    ReactGA.pageview(window.location.pathname);
   },[]);