Merge pull request #169 from UnsignedArduino/staging

Gosh damn it Google Tag Manager is back

Author: UnsignedArduino

.env.sample

@@ -1,5 +1,7 @@
 // Google Analytics measurement ID - not required
 NEXT_PUBLIC_GA_MEASUREMENT_ID = "G-XXXXXXXXXX"
+// Google Tag Manager ID - not required
+NEXT_PUBLIC_GTM_ID = "GTM-XXXXXXXX"
 // Google Adsense publisher ID - not required
 NEXT_PUBLIC_ADSENSE_PUBLISHER_ID = "pub-XXXXXXXXXXXXXXXX"
 // GitHub OAuth

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",

src/pages/_app.tsx

@@ -7,6 +7,7 @@ import "katex/dist/katex.min.css";
 import "tippy.js/dist/tippy.css";
 import Adsense from "../components/Adsense";
 import Analytics from "../components/Analytics";
+import GoogleTagManager from "@magicul/next-google-tag-manager";
 import ErrorBoundary from "../components/ErrorBoundary";
 import { SessionProvider } from "next-auth/react";
 import { useRouter } from "next/router";
@@ -114,6 +115,7 @@ export default function AwesomeArcadeExtensions({
               options={{ showSpinner: false }}
             />
             <Analytics />
+            <GoogleTagManager id={process.env.NEXT_PUBLIC_GTM_ID!} />
             <Adsense />
             <GrowthBookProvider growthbook={growthbook}>
               <SessionProvider session={session}>

yarn.lock

@@ -1113,6 +1113,11 @@
   dependencies:
     "@lezer/common" "^1.0.0"
 
+"@magicul/next-google-tag-manager@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@magicul/next-google-tag-manager/-/next-google-tag-manager-2.0.0.tgz#04a77b506a4385f84cf637267984bd6f334f5ce0"
+  integrity sha512-NXp0iGxdcAZL9IkkWwh2GS3dE1qSn4hGxXADnvt1li4gAXyxJ9AEDTrgqMVXIDzkGTD7Q0n37BJoCZdmwIXE+g==
+
 "@monaco-editor/loader@^1.3.2":
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/@monaco-editor/loader/-/loader-1.4.0.tgz#f08227057331ec890fa1e903912a5b711a2ad558"