(feat):add-google-tag-manager (#309)

* test gtm

* pre-commit

Author: aditya520

package-lock.json

@@ -25,6 +25,7 @@
     "nextra-theme-docs": "latest",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-gtm-module": "^2.0.11",
     "react-syntax-highlighter": "^15.5.0",
     "sharp": "^0.33.2",
     "toml": "^3.0.0",
@@ -38,6 +39,7 @@
     "@types/jest-expect-message": "^1.1.0",
     "@types/node": "18.11.10",
     "@types/react": "18.0.37",
+    "@types/react-gtm-module": "^2.0.3",
     "@typescript-eslint/eslint-plugin": "^5.59.7",
     "@typescript-eslint/parser": "^5.59.7",
     "autoprefixer": "^10.4.14",

package.json

@@ -8,6 +8,11 @@ import { WagmiConfig, createConfig } from "wagmi";
 import { arbitrum, avalanche, mainnet, sepolia } from "wagmi/chains";
 import { CosmosChains, GlobalContextProvider } from "../contexts/GlobalContext";
 import "../styles/styles.css";
+import TagManager from "react-gtm-module";
+
+const tagManagerArgs = {
+  gtmId: "GTM-MN3TWRGJ",
+};
 
 const chains = [arbitrum, mainnet, avalanche, sepolia];
 
@@ -31,6 +36,9 @@ export default function Nextra({ Component, pageProps }: NextraAppProps) {
   const [mounted, setMounted] = useState(false);
 
   useEffect(() => setMounted(true), []);
+  useEffect(() => {
+    TagManager.initialize(tagManagerArgs);
+  }, []);
 
   // Make the global context available to every page.
   return (