chore: create mock gtag function for dev env

guscsales · Nov 2, 2022 · 8f237ce · 8f237ce · vercel · Nov 2, 2022
1 parent d3ee8a8
commit 8f237ce
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 20 deletions.
diff --git a/app/components/share-section/index.tsx b/app/components/share-section/index.tsx
@@ -64,12 +64,10 @@ export default function ShareSection() {
       });
     }
 
-    if (gtag) {
-      gtag('event', 'images_generated', {
-        player: stickerData.player.id,
-        phrase: stickerData.phrase.id,
-      });
-    }
+    gtag('event', 'images_generated', {
+      player: stickerData.player.id,
+      phrase: stickerData.phrase.id,
+    });
 
     setFiles(files);
     setLoading(false);
@@ -104,12 +102,10 @@ export default function ShareSection() {
       link.click();
       link.remove();
 
-      if (gtag) {
-        gtag('event', 'shared_image', {
-          device: 'desktop',
-          type,
-        });
-      }
+      gtag('event', 'shared_image', {
+        device: 'desktop',
+        type,
+      });
     }
   }
 

diff --git a/app/components/social-media-buttons/index.tsx b/app/components/social-media-buttons/index.tsx
@@ -31,17 +31,13 @@ export default function SocialMediaAuth() {
 
           setStickerData((prevValue) => ({ ...prevValue, user }));
 
-          if (gtag) {
-            gtag('event', 'login', {
-              method: result.providerId,
-            });
-          }
+          gtag('event', 'login', {
+            method: result.providerId,
+          });
         }
       })
       .catch((e) => {
-        if (gtag) {
-          gtag('event', 'login_error', e);
-        }
+        gtag('event', 'login_error', e);
       });
   }, [setStickerData]);
 

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -48,6 +48,18 @@ export default function RootLayout({
             />
           </>
         )}
+        {process.env.NODE_ENV !== 'production' && (
+          <>
+            {/* eslint-disable-next-line @next/next/no-before-interactive-script-outside-document */}
+            <Script
+              id="analytics-provider-init"
+              strategy="afterInteractive"
+              dangerouslySetInnerHTML={{
+                __html: `function gtag(){}`,
+              }}
+            />
+          </>
+        )}
       </head>
       <body className="overflow-x-hidden">
         <Header />