CS_learn/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2026-04-05 11:59:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

[portal][fix] fix GA loading for products

Browse Source
This commit is contained in:
Yangshun Tay
2022-10-30 12:01:54 +08:00
parent 69e5610323
commit 39b5a51aa2
1 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
apps/portal/src/components/global/GoogleAnalytics.tsx
View File

@@ -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>
);
}