update google analytics usage

Author: KurtGokhan

.github/workflows/build.yml

@@ -10,25 +10,19 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout
-        uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
-      - name: Setup Node 16
-        uses: actions/setup-node@v2
+      - uses: actions/setup-node@v3
         with:
-          node-version: '16.x'
+          node-version: '18.x'
           cache: 'yarn'
 
-      - name: Install Dependencies
-        run: yarn
+      - run: yarn
 
-      - name: Build
-        run: yarn build
+      - run: yarn build && yarn export
         env:
           NEXT_PUBLIC_GA_TRACKING_ID: ${{ secrets.ANALYTICS_ID }}
 
-      - run: yarn export
-
       - name: Deploy
         uses: JamesIves/github-pages-deploy-action@4.1.1
         with:

src/components/Layout/Feedback.tsx

@@ -47,13 +47,7 @@ const thumbsDownIcon = (
 function sendGAEvent(isPositive: boolean) {
   // Fragile. Don't change unless you've tested the network payload
   // and verified that the right events actually show up in GA.
-  window.gtag(
-    'event',
-    'feedback',
-    {
-      value: isPositive ? 1 : 0,
-    }
-  );
+  window.gtag?.('event', 'feedback', { value: isPositive ? 1 : 0 });
 }
 
 function SendFeedback({ onSubmit }: { onSubmit: () => void }) {

src/components/Seo.tsx

@@ -2,9 +2,9 @@
  * Copyright (c) Facebook, Inc. and its affiliates.
  */
 
-import * as React from 'react';
 import Head from 'next/head';
-import { withRouter, Router } from 'next/router';
+import { Router, withRouter } from 'next/router';
+import * as React from 'react';
 
 export interface SeoProps {
   title: string;
@@ -17,8 +17,8 @@ export interface SeoProps {
 
 export const Seo = withRouter(
   ({
-    title,
-    description = 'A JavaScript library for building user interfaces',
+    title = 'ReactUnity',
+    description = 'A JavaScript library for building user interfaces in Unity',
     image = '/logo-og.png',
     router,
     children,
@@ -86,10 +86,10 @@ export const Seo = withRouter(
         key="twitter:image"
         content={`https://beta.reactjs.org${image}`}
       />
-      <meta
+      {/* <meta
         name="google-site-verification"
         content="j1duf8XRaKuZyGvhPd8GkYXHG7LI4GYbIvAXBsqTC9U"
-      />
+      /> */}
       <link
         rel="preload"
         href="/fonts/Source-Code-Pro-Regular.woff2"

src/pages/_app.tsx

@@ -34,7 +34,7 @@ export default function MyApp({ Component, pageProps }: AppProps) {
   useEffect(() => {
     const handleRouteChange = (url: string) => {
       const cleanedUrl = url.split(/[\?\#]/)[0];
-      window.gtag('config', GA_TRACKING_ID, { page_path: cleanedUrl });
+      window.gtag?.('config', GA_TRACKING_ID, { page_path: cleanedUrl });
     };
     router.events.on('routeChangeComplete', handleRouteChange);
     return () => {

src/pages/_document.tsx

@@ -18,12 +18,12 @@ const MyDocument = () => {
           />
           <Script id="google-analytics" strategy="afterInteractive">
             {`
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){window.dataLayer.push(arguments);}
-          gtag('js', new Date());
+              window.dataLayer = window.dataLayer || [];
+              function gtag(){window.dataLayer.push(arguments);}
+              gtag('js', new Date());
 
-          gtag('config', '${GA_TRACKING_ID}');
-        `}
+              gtag('config', '${GA_TRACKING_ID}');
+            `}
           </Script>
         </>}
       </Head>