Merge pull request #19 from austincondiff/dev

austincondiff · web-flow · commit 3a1dbd208cde · 2022-10-01T13:53:15.000-05:00
Added analytics
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-feather": "^2.0.10",
+    "react-ga": "^3.3.1",
     "react-parallax": "^3.5.1",
     "styled-components": "^5.3.5",
     "uuid": "^9.0.0"
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,10 +1,29 @@
+import { useEffect } from 'react';
 import Head from 'next/head';
 import Footer from '@/components/common/Footer';
 import Header from '@/components//common/Header';
 import Site from '@/components/common/Site';
 import '@/styles/globals.css';
+import { initGA, logPageView } from '@/utils/analytics';
 
 function MyApp({ Component, pageProps }) {
+  useEffect(() => {
+    if (!window.GA_INITIALIZED) {
+      initGA();
+      window.GA_INITIALIZED = true;
+    }
+    logPageView();
+
+    const appHeight = () => {
+      const doc = document.documentElement;
+      doc.style.setProperty('--app-height', `${window.innerHeight}px`);
+    };
+
+    window.addEventListener('resize', appHeight);
+
+    appHeight();
+  }, []);
+
   return (
     <Site>
       <Head>
diff --git a/pages/_document.js b/pages/_document.js
@@ -34,6 +34,35 @@ export default class MyDocument extends Document {
         <Head>
           <meta charset="utf-8" />
           <meta name="apple-mobile-web-app-capable" content="yes"></meta>
+          <meta
+            property="og:title"
+            content="The Portfolio of Austin Condiff - UX/UI Designer & Developer"
+          ></meta>
+          <meta
+            property="og:image"
+            content="http://codeedit.app/assets/social-preview.jpg"
+          ></meta>
+          <meta
+            property="og:description"
+            content="I design and develop beautiful yet functional interactive user experiences that provide both customer value and product success."
+          ></meta>
+          <meta property="og:url" content="http://codeedit.app"></meta>
+          <meta
+            name="twitter:image"
+            content="https://codeedit.app/assets/social-preview.jpg"
+          ></meta>
+          <meta
+            name="twitter:image:src"
+            content="https://codeedit.app/assets/social-preview.jpg"
+          ></meta>
+          <meta name="twitter:card" content="summary_large_image"></meta>
+          <meta name="twitter:site" content="@CodeEditApp"></meta>
+          <meta name="twitter:creator" content="@CodeEditApp"></meta>
+          <meta name="twitter:title" content="CodeEdit for macOS"></meta>
+          <meta
+            name="twitter:description"
+            content="CodeEdit, a lightweight, natively built editor for macOS. Open source. Free forever."
+          ></meta>
           <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
         </Head>
         <body>
diff --git a/public/social-preview.jpg b/public/social-preview.jpg
diff --git a/utils/analytics.js b/utils/analytics.js
@@ -0,0 +1,21 @@
+import ReactGA from 'react-ga';
+
+export const initGA = () => {
+  console.log('GA init');
+  ReactGA.initialize('G-14NVNPBGNR');
+};
+export const logPageView = () => {
+  console.log(`Logging pageview for ${window.location.pathname}`);
+  ReactGA.set({ page: window.location.pathname });
+  ReactGA.pageview(window.location.pathname);
+};
+export const logEvent = (category = '', action = '') => {
+  if (category && action) {
+    ReactGA.event({ category, action });
+  }
+};
+export const logException = (description = '', fatal = false) => {
+  if (description) {
+    ReactGA.exception({ description, fatal });
+  }
+};
diff --git a/yarn.lock b/yarn.lock
@@ -2956,6 +2956,11 @@ react-feather@^2.0.10:
   dependencies:
     prop-types "^15.7.2"
 
+react-ga@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/react-ga/-/react-ga-3.3.1.tgz#d8e1f4e05ec55ed6ff944dcb14b99011dfaf9504"
+  integrity sha512-4Vc0W5EvXAXUN/wWyxvsAKDLLgtJ3oLmhYYssx+YzphJpejtOst6cbIHCIyF50Fdxuf5DDKqRYny24yJ2y7GFQ==
+
 react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
