amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-22 20:01:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Analytics for Beta (#4224)

Browse Source 
* adding google analytics metrics to beta

* adding google analytics metrics to beta
This commit is contained in:
R Nabors
2022-01-21 18:51:26 +00:00
committed by GitHub
parent 3143db5a8e
commit b1f91c92f4
6 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
beta/.env.development
View File

@@ -1,2 +1,3 @@
NEXT_PUBLIC_HJ_SITE_ID = 2411683
NEXT_PUBLIC_HJ_SITE_V = 6
NEXT_PUBLIC_HJ_SITE_V = 6
NEXT_PUBLIC_GA_TRACKING_ID = 'G-3918VS75Y6'

3
beta/.env.production
View File

@@ -1,2 +1,3 @@
NEXT_PUBLIC_HJ_SITE_ID = 2411651
NEXT_PUBLIC_HJ_SITE_V = 6
NEXT_PUBLIC_HJ_SITE_V = 6
NEXT_PUBLIC_GA_TRACKING_ID = 'G-3918VS75Y6'

5
beta/next.config.js
View File

@@ -17,11 +17,6 @@ module.exports = {
async redirects() {
return redirects.redirects;
},
env: {
// @todo Remove when https://github.com/vercel/next.js/pull/16529 lands
GA_TRACKING_ID: 'XXXX',
NEXT_PUBLIC_GA_TRACKING_ID: 'XXX',
},
rewrites() {
return [
{

1
beta/package.json
View File

@@ -27,7 +27,6 @@
"@docsearch/react": "3.0.0-alpha.41",
"@headlessui/react": "^1.3.0",
"@mdx-js/react": "^1.6.16",
"@next/plugin-google-analytics": "^10.0.6",
"body-scroll-lock": "^3.1.3",
"classnames": "^2.2.6",
"date-fns": "^2.16.1",

25
beta/src/pages/_app.tsx
View File

@@ -10,6 +10,8 @@ import '../styles/algolia.css';
import '../styles/index.css';
import '../styles/sandpack.css';
import '@codesandbox/sandpack-react/dist/index.css';
import Script from 'next/script';
import {hotjar} from 'utils/hotjar';
if (typeof window !== 'undefined') {
hotjar(process.env.NEXT_PUBLIC_HJ_SITE_ID, process.env.NEXT_PUBLIC_HJ_SITE_V);
@@ -24,17 +26,24 @@ export default function MyApp({Component, pageProps}: AppProps) {
if ((Component as any).isMDXComponent) {
AppShell = (Component as any)({}).props.originalType.appShell;
}
React.useEffect(() => {
// Monkey patch Google Tag Manager in development to just log to the console
if (process.env.NODE_ENV !== 'production') {
(window as any).gtag = (...args: any[]) => {
console.log('gtag: ', ...args);
};
}
}, []);
return (
<AppShell>
<Component {...pageProps} />
<Script
strategy="lazyOnload"
src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GA_TRACKING_ID}`}
/>
<Script id="google-analytics" strategy="lazyOnload">
{`
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '${process.env.NEXT_PUBLIC_GA_TRACKING_ID}', {
page_path: window.location.pathname,
});
`}
</Script>
</AppShell>
);
}

5
beta/yarn.lock
View File

@@ -789,11 +789,6 @@
dependencies:
glob "7.1.7"
"@next/plugin-google-analytics@^10.0.6":
version "10.1.3"
resolved "https://registry.yarnpkg.com/@next/plugin-google-analytics/-/plugin-google-analytics-10.1.3.tgz#e0696d13031ca1fced420e74ac45103464c1b0cd"
integrity sha512-OAiGb5SXkNnR37lU5ApMePgi8xdnL47K9/yvqWYaCvPrKteEJ9FtVzVUCHjwN1o67PmFRrVSgE3uNU7RryeU9g==
"@next/polyfill-module@12.0.3-canary.10":
version "12.0.3-canary.10"
resolved "https://registry.yarnpkg.com/@next/polyfill-module/-/polyfill-module-12.0.3-canary.10.tgz#01eb16506233a00ce679f99dbaf7d8898052e192"