diff --git a/.env.sample b/.env.sample index 03a671c..ab39ce9 100644 --- a/.env.sample +++ b/.env.sample @@ -1,7 +1,6 @@ -// Google Analytics measurement ID - not required -NEXT_PUBLIC_GA_MEASUREMENT_ID = "G-XXXXXXXXXX" -// Google Adsense publisher ID - not required -NEXT_PUBLIC_ADSENSE_PUBLISHER_ID = "pub-XXXXXXXXXXXXXXXX" +// Google Tag Manager ID - not required +// Used for Google Analytics and Adsense +NEXT_PUBLIC_GTM_ID = "GTM-XXXXXXXX" // GitHub OAuth GITHUB_ID = XXXXXXXXXXXXXXXXXXXX GITHUB_SECRET = XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX diff --git a/package.json b/package.json index 16c4ab1..ce69646 100644 --- a/package.json +++ b/package.json @@ -50,7 +50,9 @@ "prepare": "husky install" }, "dependencies": { + "@codemirror/language": "6.0.0", "@growthbook/growthbook-react": "^1.1.0", + "@magicul/next-google-tag-manager": "^2.0.0", "@popperjs/core": "2.11.8", "@tippyjs/react": "^4.2.6", "@types/bootstrap": "^5.2.10", @@ -87,11 +89,10 @@ "remark-parse": "^11.0.0", "remark-rehype": "^11.1.0", "sass": "^1.77.7", + "scheduler": "^0.19.0", "tinacms": "^1.6.5", "tippy.js": "^6.3.7", - "unified": "^11.0.5", - "scheduler": "^0.19.0", - "@codemirror/language": "6.0.0" + "unified": "^11.0.5" }, "devDependencies": { "@tinacms/cli": "^1.5.47", diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 22812fa..4a4f656 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -5,8 +5,6 @@ import "bootstrap/dist/css/bootstrap.css"; import "bootstrap-icons/font/bootstrap-icons.css"; import "katex/dist/katex.min.css"; import "tippy.js/dist/tippy.css"; -import Adsense from "../components/Adsense"; -import Analytics from "../components/Analytics"; import ErrorBoundary from "../components/ErrorBoundary"; import { SessionProvider } from "next-auth/react"; import { useRouter } from "next/router"; @@ -15,6 +13,7 @@ import growthbook from "@/components/FeatureFlags"; import { AnimatePresence } from "framer-motion"; import { Theme } from "@/components/Navbar/ThemePicker/themePicker"; import { ACCENT_COLOR } from "@/themes/colors"; +import GoogleTagManager from "@magicul/next-google-tag-manager"; export type BootstrapLibContextType = typeof import("bootstrap") | null; export const BootstrapLibContext = @@ -113,8 +112,9 @@ export default function AwesomeArcadeExtensions({ color={ACCENT_COLOR[nprogressTheme]} options={{ showSpinner: false }} /> - - + + {/**/} + {/**/}