[portal][fix] fix GA loading for products

2 years ago · 39b5a51aa2
parent 69e5610323
commit 39b5a51aa2
1 changed files with 15 additions and 14 deletions
--- a/apps/portal/src/components/global/GoogleAnalytics.tsx
+++ b/apps/portal/src/components/global/GoogleAnalytics.tsx
@ -1,5 +1,5 @@
+import Head from 'next/head';
 import { useRouter } from 'next/router';
-import Script from 'next/script';
 import { createContext, useContext, useEffect } from 'react';

 type Context = Readonly<{
@ -78,25 +78,26 @@ export default function GoogleAnalytics({ children, measurementID }: Props) {
  return (
    <GoogleAnalyticsContext.Provider value={{ event }}>
      {children}
-      {/* Global Site Tag (gtag.js) - Google Analytics */}
-      <Script
-        src={`https://www.googletagmanager.com/gtag/js?id=${measurementID}`}
-        strategy="afterInteractive"
-      />
-      <Script
-        dangerouslySetInnerHTML={{
-          __html: `
+      <Head>
+        {/* TODO(yangshun): Change back to next/script in future. */}
+        {/* Global Site Tag (gtag.js) - Google Analytics */}
+        <script
+          async={true}
+          src={`https://www.googletagmanager.com/gtag/js?id=${measurementID}`}
+        />
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
            window.dataLayer = window.dataLayer || [];
-            function gtag(){dataLayer.push(arguments);}
+            window.gtag = function(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', '${measurementID}', {
              page_path: window.location.pathname,
            });
          `,
-        }}
-        id="gtag-init"
-        strategy="afterInteractive"
-      />
+          }}
+        />
+      </Head>
    </GoogleAnalyticsContext.Provider>
  );
 }